🎨 Color Code Converter

Convert HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK — live preview, palettes, contrast checker & harmony generator.

RGB Sliders
R
111
G
66
B
193
HSL Sliders
H
263°
S
44%
L
51%
Opacity / Alpha
A
100%
Recent Colors
Pick some colors to build history.
All Format Outputs
Color Properties
Tints & Shades (10-step)
Named CSS Colors (nearest match)
Browse CSS Named Colors (148 colors)

Color Format Reference

HEX & RGB

HEX (#RRGGBB) is the most widely used format in web design. RGB (rgb(R, G, B)) expresses each channel as a 0–255 integer. Both describe colour in the sRGB colour space used by screens.

HSL & HSV

HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value) are human-intuitive models. Rotating the hue generates harmonious palettes. HSL is natively supported in CSS via hsl() and oklch().

CMYK & WCAG

CMYK is the subtractive model used in print (Cyan, Magenta, Yellow, Key/Black). WCAG contrast ratios (AA ≥ 4.5:1, AAA ≥ 7:1) ensure text is readable for users with low vision or colour blindness.