🎨 Color Converter

About this Color Converter

Different jobs use different colour codes: web designers write HEX, screen tools use RGB or HSL, and printers use CMYK. This converter takes any HEX colour and shows all the other formats at once, with a picker and a live swatch so you can check the exact shade before copying the values into your design, website or print project.

How to use it

1. Type a HEX colour or use the colour picker.
2. Watch the swatch update to your shade.
3. Read the RGB, HSL, HSV and CMYK equivalents.
4. Copy the format your project needs.

Example

HEX #FF5733 converts to RGB(255, 87, 51), HSL(11, 100%, 60%), HSV(11, 80%, 100%) and CMYK(0%, 66%, 80%, 0%).

Frequently asked questions

What is the difference between HSL and HSV?

HSL measures lightness from black to white through the colour, while HSV measures brightness (value) from black up to the pure colour.

Why does CMYK look different on screen?

CMYK is designed for ink on paper, so some bright screen colours cannot be printed exactly and will look duller in print.

Can I enter a 3-digit HEX like #F53?

This tool uses full 6-digit HEX values. Expand short codes by doubling each digit: #F53 becomes #FF5533.

More Converters