Color Converter
HEX, RGB, HSL and Tailwind
#10B981rgb(16, 185, 129)hsl(160, 84%, 39%)rgba(16, 185, 129, 1)--color: 160 84% 39%;bg-[#10B981] text-[#10B981]Color Converter: HEX, RGB, HSL, HSV, CMYK
Every design or dev tool uses different color formats: HEX for CSS, RGB for JavaScript, HSL for smooth manipulations, CMYK for printing, HSV for design software. Our converter turns between all formats in real time with visual preview.
Includes automatic contrast (WCAG AA/AAA) with black and white, complementary colors, harmonic palettes (triadic, split-complementary, analogous), and copy the value in any format with one click.
Designed for designers, front-end devs, and creators who work with brand colors. Everything runs in your browser — no dependencies, no ads.
How does it work?
- 1Enter a color
In any format: HEX (#RRGGBB), RGB (rgb(255,0,0)), HSL, HSV, CMYK, or use the visual picker.
- 2See automatic conversions
All other formats are calculated in real time.
- 3Copy or explore
Copy the value in the desired format or explore variations (palette, contrast, complementary).
Frequently Asked Questions
Screens use RGB (additive light) while printing uses CMYK (subtractive inks). The color gamuts are different: RGB can display colors CMYK can't reproduce (especially vibrant blues and greens). Our tool shows if there's chromatic loss when converting.
WCAG AA requires 4.5:1 minimum contrast between text and background (3:1 for large text). AAA is stricter: 7:1 (4.5:1 large). Our converter automatically shows if a color pair passes these standards.
It's not a direct conversion — you need to convert HSL → RGB first with a mathematical formula, then RGB → HEX (each 0-255 component becomes 2 hexadecimal digits). Our tool does it instantly.