Color Converter (HEX / RGB / HSL / HSV / CMYK)
This color converter turns any HEX, RGB, HSL, HSV/HSB or CMYK value into all the others at once, and shows the closest matching CSS color name automatically. A built-in WCAG 2 contrast checker compares your color against black, white, or any custom color and reports the exact contrast ratio. Everything runs client-side in your browser, with no color values uploaded anywhere.
#4f46e5rgb(79, 70, 229)hsl(243, 75%, 59%)hsv(243, 69%, 90%)cmyk(66%, 69%, 0%, 10%)royalblue (approximate)Frequently asked questions
What is HSL and when should I use it?
HSL (Hue, Saturation, Lightness) represents a color as a hue angle plus two percentages, which makes it easy to adjust one property at a time — lowering lightness darkens a color while keeping its hue unchanged, for example.
When would I use CMYK instead of RGB?
Use CMYK when preparing artwork for professional printing, since CMYK (Cyan, Magenta, Yellow, Key/black) models how print inks mix on paper; use RGB or HEX for anything shown on a screen.
How is the WCAG contrast ratio calculated?
The contrast ratio is calculated using the WCAG 2 relative luminance formula, the same method browsers and accessibility auditing tools use — 4.5:1 is the minimum for normal text at AA level, and 3:1 is the minimum for large text.
How do I convert a HEX color to RGB?
Enter the HEX value into the input field, with or without the leading "#", and the tool immediately shows the equivalent RGB, HSL, HSV, and CMYK values along with the closest CSS color name.
What is the difference between HSV and HSL?
HSV (Hue, Saturation, Value, also called HSB) and HSL (Hue, Saturation, Lightness) both start from a hue angle but define the remaining two components differently — HSV’s "value" is the brightness of the purest version of the color, while HSL’s "lightness" runs from black through the full color to white, so identical numbers in each model produce different perceived brightness.