Color Converter
Pick a color or type it in any format and get HEX, RGB, HSL, HSV and CMYK values with a live preview and contrast ratios.
How to convert colors
- Pick a color with the picker, or type a value into the HEX box. It accepts HEX, CSS names like tomato, rgb() and hsl().
- Edit any field — RGB, HSL or alpha — and everything else follows.
- Copy the format you need from the list. Check the contrast ratios before using the color for text.
Features
Five formats
HEX, RGB, HSL, HSV and CMYK side by side.
Live preview
See the color, with transparency on a checkerboard.
WCAG contrast
Contrast against white and black with AA/AAA ratings.
Private
Conversion runs in your browser; nothing is uploaded.
Frequently asked questions
How do I convert HEX to RGB?
Split the six hex digits into three pairs and convert each from base 16 to decimal. #2F7DF6 is 2F = 47, 7D = 125, F6 = 246, so rgb(47, 125, 246). Type the HEX in the box and the RGB fields fill in for you.
What is the difference between HSL and HSV?
Both describe hue as an angle from 0° to 360°. HSL uses lightness (0% black to 100% white with the pure color at 50%), while HSV uses value, where 100% is the brightest version of the hue.
Does it support transparency?
Yes. Move the Alpha slider or enter an 8-digit HEX, rgba() or hsla() value, and the output formats include the alpha channel.
Is CMYK accurate for printing?
The CMYK shown is the standard mathematical conversion from RGB. Real print results depend on the printer’s ICC profile, so use it as an approximation.