Color Code Converter

Convert color values seamlessly between HEX, RGB, HSL, and print CMYK with live color preview.

Private — processed on your device

Interactive workspace

Use Color Code Converter

◆ Private on-device

Colour

Colour value

Type HEX (#F26A2E or #F63), rgb(242, 106, 46), hsl(18, 88%, 56%) or cmyk(0%, 56%, 81%, 5%).

Calculated on your device

Conversions

CMYK uses a simple formula without a printer colour profile, so printed colours can differ.

Which formats are supported?: HEX (3 or 6 digits), rgb(), hsl() and cmyk().
Is the CMYK value exact for print?: It is a simple formula without a printer colour profile, so treat it as a starting point.
Is anything sent online?: No. Conversions are calculated in your browser.

Pick any pixel colour from an image and copy it as HEX, RGB or HSL, on your device.

Check the contrast ratio between text and background colours against WCAG AA and AAA, with clear pass/fail results.

Design linear, radial and conic CSS gradients with up to 8 colour stops, then copy the CSS or save a PNG.