Color Converter
Convert colors between HEX, RGB, HSL, HSV & CMYK. Pick visually or type any value — everything updates live.
Contrast (WCAG)
vs White
—
vs Black
—
RGB
HSL
HSV / HSB
CMYK
Color models explained
- HEX — 6-character hexadecimal code used in CSS/HTML (#RRGGBB).
- RGB — Red, Green, Blue channels (0-255 each). How screens produce color.
- HSL — Hue, Saturation, Lightness. Intuitive for designers.
- HSV/HSB — Hue, Saturation, Value/Brightness. Used in Photoshop's picker.
- CMYK — Cyan, Magenta, Yellow, Key. Used for print production.
How to use
- Pick a color using the visual picker or type a HEX code.
- All formats update instantly — RGB, HSL, HSV, CMYK.
- Edit any field to convert from that format.
- Click Copy next to any format to copy to clipboard.
Frequently Asked Questions
What color formats does this tool support?
HEX (3 and 6 digit), RGB, HSL, HSV (also called HSB), and CMYK. You can also type CSS named colors like 'coral', 'dodgerblue', or 'rebeccapurple' and it will convert them instantly.
How do I use the color picker?
Click the large color swatch or use the native color picker input. As you pick a color, all format fields update in real-time. You can also type directly into any field — HEX, RGB, HSL, etc.
What's the difference between HSL and HSV?
Both use Hue + two components, but they model brightness differently. HSL's Lightness ranges from black (0%) through the pure color (50%) to white (100%). HSV's Value represents maximum brightness at 100% with Saturation controlling how vivid it is. Designers often prefer HSL; some image editors use HSV.
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in print. Converting RGB screen colors to CMYK gives you approximate ink values for physical printing. Note: exact CMYK depends on your printer's ICC profile — these values are a standard approximation.
Is my data uploaded anywhere?
No. All color math runs 100% in your browser using JavaScript. Nothing is sent to any server.
What does the contrast ratio mean?
The WCAG contrast ratio measures readability between two colors. 4.5:1 is the minimum for normal text (AA), 7:1 for enhanced (AAA). The tool shows contrast against both white and black backgrounds to help you check accessibility.
Related tools
More free, private, browser-based utilities — no upload, no sign-up.

Davemi Tools