Tool · Color converter

Universal color converter.

HEX, RGB, HSL, HSB, OKLCH, LAB, CMYK. Paste any color string from anywhere - including modern formats like oklch(0.66 0.16 27) or CSS named colors.

#F26B5E
Tip: paste from anywhere - HEX, RGB, RGBA, HSL, HSLA, HWB, OKLCH, LCH, LAB, P3, or named colors.
HEX#F26B5E
RGBrgb(242, 107, 94)
HSLhsl(5, 85%, 66%)
HSBhsb(5, 61%, 95%)
HWBhwb(5 37% 5%)
OKLCHoklch(0.690 0.169 28)
LCHlch(62.49 62.53 33)
LABlab(62.49 52.33 34.22)
Display-P3color(display-p3 0.8841 0.4512 0.3926)
CMYK (uncalibrated)cmyk(0%, 56%, 61%, 5%)
CSS variable--color: #F26B5E;

What is the color converter?

A color converter turns one color notation into all the others. Enter HEX, RGB, HSL, HSB, CMYK, LAB, LCH, OKLCH, XYZ, LUV, HWB or a named color and get every format at once, plus the nearest Pantone, RAL and named match.

Which format to use where

HEX and RGB are for the web and screens. HSL and HSB are for adjusting a color by hand. CMYK is for print, and should be finalized through the printer's ICC profile. LAB and LCH are device-independent and used for measuring color difference. OKLCH is the modern CSS space that keeps lightness even, which is what most of the tools on this site use internally. The converter shows all of them from one input and explains each.

Dedicated pages cover the common pairs: HEX to RGB, RGB to HEX, RGB to CMYK, CMYK to RGB, CMYK to HEX, HEX to HSL, HEX to Pantone and CMYK to Pantone.

Color Converter FAQ

How do I convert a HEX color to RGB?

Enter the HEX and read the RGB line, or use the HEX to RGB page. Each pair of hex digits is one channel from 0 to 255.

Is the CMYK conversion accurate for print?

It is a profile-free approximation. For a press-ready build, convert through the printer's ICC profile (FOGRA39, GRACoL) in your layout software or the Pro export here.

What is OKLCH?

A perceptually uniform color space with lightness, chroma and hue channels, supported in CSS. Equal steps in OKLCH look equal to the eye, unlike HSL.

Related color tools

Learn more