All-in-One Colour Format Converter
Enter a colour in any format and instantly see it converted to HEX, RGB, HSL, HSV and CMYK all at once.
Enter Your Colour
Edit any one field and press Enter, or use the colour picker, to update all formats at once.
All Formats
How to Use This Tool
Use the colour picker, or type a value into the HEX, RGB or HSL field and press Enter (or click away from the field). Every other format updates automatically, so you can copy whichever one you need for your design software, code editor or reference notes.
Example
A hex value of #2547A0 converts to rgb(37, 71, 160), hsl(223, 62%, 39%), hsv(223, 77%, 63%) and cmyk(77%, 56%, 0%, 37%), letting you move that exact colour between a website stylesheet, a design app and a print workflow without guessing.
Why So Many Formats Exist
HEX and RGB are the most common formats for screens and web design. HSL and HSV describe colour in terms of hue, saturation and lightness or brightness, which many people find more intuitive for adjusting a colour. CMYK is used for print, describing colour as a mix of cyan, magenta, yellow and black ink.
A Note on CMYK
The CMYK value shown here is a standard mathematical conversion from RGB, useful as a general reference. Actual print output also depends on your printer, ink and paper, so always check a real print proof for critical colour matching.
Frequently Asked Questions
What does this tool do?
It converts a colour between HEX, RGB, HSL, HSV and CMYK all at once, so you only need to enter it in one format.
Which formats can I type in directly?
You can type a HEX code, an rgb(...) value, or an hsl(...) value, and press Enter or click away from the field to update every format.
Is the CMYK conversion exact for printing?
It is a standard mathematical RGB-to-CMYK conversion, useful as a general reference. Real print results also depend on your printer, ink and paper, so always confirm with a print proof for critical work.
What is the difference between HSL and HSV?
Both describe hue, saturation and a lightness-like value, but they calculate that third value differently, which is why the same colour can show a different percentage in each.
Can I use the colour picker instead of typing values?
Yes, the colour picker updates every format instantly as you choose a colour.
Does this tool support alpha or transparency?
Not currently. This tool focuses on fully opaque colour values across all five formats.
Why did nothing update when I typed a value?
Make sure the value matches the expected format for that field, then press Enter or click away from the field to trigger the conversion.
Is this tool free to use?
Yes, this tool is completely free to use with no sign-up required.
Related Colour Tools
Ready to Create with Colour?
Explore beginner-friendly Creative Flair by Sana painting kits with carefully selected colours and approachable step-by-step guidance.
Explore Painting KitsColour conversions here use standard, widely published mathematical formulas. The CMYK values are a general-purpose reference conversion and may differ from output produced by a specific printer, ink set or colour profile.