Free · runs in your browser · no upload · no quota
Color Converter
Type a color in any format — #6f6ff4, rgb(111 111 244), hsl(240 86% 70%), a CMYK value or a name like tomato — or pick one, and get it in every other format, ready to copy into CSS, design tools or print specs.
How to Convert a Color Between HEX, RGB, HSL and CMYK
- Enter the color
Type or paste it in any format, or click the swatch to pick one. HEX with or without#, 3, 4, 6 or 8 digits, CSSrgb(),hsl(),hwb()and the 148 CSS color names are all understood. - Read every format
HEX, RGB, HSL, HSV and CMYK update instantly, along with the contrast ratio against white and black text. Click any value to copy it. - Use the palette
Ten tints and shades of the color are listed below it, from light to dark — click one to copy it or to make it the current color.
Example
#6F6FF4
rgb(111, 111, 244) hsl(240, 86%, 70%) hsv(240, 55%, 96%) cmyk(55%, 55%, 0%, 4%)
Frequently Asked Questions
-
What is the difference between RGB and CMYK?RGB mixes red, green and blue light and is how screens show color. CMYK mixes cyan, magenta, yellow and black ink and is how most printing works. Converting RGB to CMYK here uses the simple formula; a print shop converts with an ICC profile for its paper and press, so printed results can differ a little — especially for bright blues and greens that ink cannot reproduce.
-
What do HSL and HSV mean?Both describe a color by hue (its position on the color wheel, 0–360°) and saturation. HSL adds lightness (0% black, 50% the pure color, 100% white) and is what CSS uses. HSV adds value or brightness and is what most color pickers in design tools use.
-
What is the contrast ratio for?It measures how readable text is on a background, from 1:1 (invisible) to 21:1 (black on white). The WCAG accessibility guidelines ask for at least 4.5:1 for normal text (AA) and 7:1 for the stricter AAA level; 3:1 is enough for large text.
-
Does it support transparency?Yes. An 8-digit HEX such as
#6f6ff480orrgb(111 111 244 / 50%)keeps its alpha, and the outputs include it. -
Is anything sent to a server?No. The conversion happens in your browser.