What is an HTML color code?

An HTML color code is a way to specify colors in web pages using HEX (#RRGGBB), RGB, HSL, or named CSS colors. HEX is the most common format in CSS and HTML.

How do I convert HEX to RGB?

Use our HEX to RGB converter. Paste a HEX value like #FF5733 and get rgb(255, 87, 51). You can also convert RGB back to HEX with the RGB to HEX tool.

What is a good contrast ratio for accessibility?

WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.

Can I export color palettes?

Yes. Export palettes as JSON, CSS, SCSS, Tailwind, Bootstrap, Android XML, Swift, Flutter, React Native, SVG, PNG, PDF, and more from the Palette Export tool.

Does the color picker support the EyeDropper API?

Yes. On supported browsers (Chrome, Edge), you can sample colors from anywhere on your screen using the EyeDropper API in our Color Picker tool.

Are these color tools free?

All colorBase tools are free to use without signup. You can convert colors, generate palettes, check contrast, and export formats at no cost.

colorBase

Modern color tools for designers & developers

Describe what you're building. Copilot turns it into an accessible color system you can copy into CSS or Tailwind.

Copilot Color Picker

Flagship

AI Copilot

Open tool →

Pick

Open tool →

Palettes

Open tool →

Contrast

Open tool →

Explore

Libraries

Also pinned in the header for quick access.

Color LibraryBrowse →Brand ColorsBrowse →Color NamesBrowse →Gradient LibraryBrowse →Palette LibraryBrowse →Image ToolsBrowse →DevelopersBrowse →BlogBrowse →

Flagship tool

Advanced Color Picker

EyeDropper sampling, HSV / RGB / HSL fine-tuning, harmonies, tints & shades, WCAG contrast, favorites, and every format ready to copy.

HEXRGBHSLHSVCMYKCSS

Open color picker

Live sample

#E11D48

Featured tools

Browse tools from Our Tools, or jump in with Copilot.

Flagship

AI Color Copilot

Create accessible color palettes, design systems, dark modes and production-ready CSS, Tailwind and design tokens with AI.

Open tool

Color Pickers

Color Picker

Flagship color picker with EyeDropper, HSV/RGB/HSL controls, harmonies, tints & shades, WCAG contrast, favorites, and copy-ready CSS.

Open tool

Converters

HEX to RGB Converter

Convert HEX color codes to RGB instantly. Free online HEX to RGB converter with live preview and copy buttons.

Open tool

Gradients

Gradient Generator

Create beautiful CSS gradients with live preview. Linear, radial, and conic gradient generator.

Open tool

Palettes

Palette Generator

Generate palettes like Coolors: full-screen colors, add or delete swatches, lock, download, and share a hex URL.

Open tool

Color Libraries

CSS Named Colors

All 140+ CSS named colors with HEX and RGB values. Search and filter by name.

Open tool

Accessibility

Contrast Checker

WCAG contrast checker for text and backgrounds. Verify AA and AAA accessibility compliance.

Open tool

Image Tools

Image Color Picker

Upload an image and pick colors with a pixel-precise eyedropper. Extract HEX and RGB values.

Open tool

CSS Tools

Glassmorphism Generator

Design frosted-glass UI with tint, blur, saturate, borders, shadows, scene backgrounds, shape presets, and IDE-ready CSS including -webkit-backdrop-filter.

Open tool

Developer Tools