Color Converter
Hex, RGB, HSL, HSV, CMYK, names and contrast.
HEX #7aa2ff RGB 122, 162, 255 HSL 222, 100%, 74% HSV 222, 52%, 100% CMYK 52%, 36%, 0%, 0% Name โ cornflowerblue (#6495ed) Luminance 37.2% Contrast on white 2.49:1 Contrast on black 8.44:1
About the Color Converter
Convert any color between HEX, RGB, HSL, HSV and CMYK formats, find the closest CSS named color, and check how a color contrasts against white and black backgrounds. Useful for designers matching brand palettes and developers translating colors between CSS, design tools and code.
How to use the Color Converter
- Type or paste a color in any format โ #7aa2ff, rgb(122,162,255), hsl(220,100%,74%) or a CSS name like cornflowerblue.
- Read the stat cards for quick HEX, RGB and HSL values.
- Open the "All formats" panel for HEX, RGB, HSL, HSV, CMYK, the closest named color and luminance.
- Check the contrast lines to see how readable the color is on white and black.
Color Converter FAQ
Which color formats are supported as input?
Hex in 3 or 6 digits, rgb() and rgba() strings, hsl() and hsla() strings, and any of the standard CSS named colors such as tomato or rebeccapurple. Invalid input shows a clear error instead of a wrong color.
Is the conversion accurate?
Yes โ all conversions use the standard sRGB formulas, with hue in degrees and S, L, V and CMYK channels in percent. Values are rounded for display but computed from the exact input.
Does my color leave the browser?
No. All conversion happens locally in JavaScript; nothing is sent to any server.