Color Converter

About Color converter

Takes one color in almost any CSS notation and shows it as HEX, RGB, HSL, CMYK, OKLCH, OKLab and display-p3 at once, next to a live swatch. Designers and front-end developers use it to move a brand color between the formats that tools and stylesheets ask for.

How to use it

1. On the HEX tab, type or paste a color into the HEX Color field. It also accepts rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) and CSS color names.
2. Or open the RGB tab and enter R, G and B from 0 to 255, or the HSL tab and set H from 0 to 360 with S and L as percentages.
3. Watch the Color Preview swatch and the seven output boxes update as you type.
4. Press the copy icon beside any format to put that exact value on your clipboard.

Converting dodger blue

#1e90ff

rgb(30, 144, 255)   hsl(210, 100%, 56%)   cmyk(88%, 44%, 0%, 0%)   oklch(65.2% 0.1901 253.21)

When to use it

• Turning a brand hex into HSL so you can adjust lightness with CSS custom properties.
• Getting an OKLCH value for a modern palette where equal lightness steps look equal.
• Checking how a vivid display-p3 color is clipped when it is forced into sRGB.
• Handing a designer's RGB numbers to a developer as a hex code.

Questions about Color converter

Why does it warn that a color is outside sRGB?

Colors such as color(display-p3 0 1 0) cannot be drawn on an sRGB display. HEX, RGB, HSL and CMYK are clipped to the nearest legal value, while OKLCH, OKLab and display-p3 keep the original exactly.

Can I trust the CMYK numbers for printing?

Treat them as a rough guide. They come from a simple formula on the RGB values and know nothing about ink, paper or ICC profiles, so ask your printer for a profile-based conversion.

Does the tool support transparency?

No. Every color is treated as fully opaque and any alpha channel in your input is ignored.

Why can RGB, HSL and CMYK land one step away after a round trip?

Those fields hold whole numbers, so each is rounded. Converting a rounded HSL back to hex may differ from the starting hex by a digit.

Why is nothing flagged while I am halfway through typing a hex code?

The field only complains about text that could never become a color. A partial value like #1e90f is left alone until you finish.

Related tools

• Hex converterConvert text to hexadecimal and the other way for any string input.
• Binary converterConvert text to binary and the other way for any string input.
• Ascii converterConvert text to ascii and the other way for any string input.
• Decimal converterConvert whole numbers between decimal and binary, octal or hexadecimal.
• Octal converterConvert whole numbers between octal and decimal, binary or hexadecimal.
• Morse converterConvert text to morse and the other way for any string input.