Skip to content

Color Converter

Convert colors instantly between HEX, RGB, HSL, HSV, CMYK, and OKLCH. Enter a value in any format to see all conversions.

Royal Blue

#6366F1

View full color details

HEX

#

RGB

HSL

°
%
%

HSV

°
%
%

CMYK

%
%
%
%

OKLCH

%
°

Quick Copy — All Formats

How Color Conversion Works

Colors can be represented in many formats depending on the medium. HEX codes like #FF6B6B are shorthand for RGB values used in CSS and web design. RGB (Red, Green, Blue) describes colors as light combinations for screens.

HSL (Hue, Saturation, Lightness) is more intuitive for designers — adjusting saturation or lightness is straightforward. HSV (Hue, Saturation, Value) is similar but used in tools like Photoshop's color picker.

CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for print production, where colors are created by subtracting light using inks. These CMYK values are an approximation without a print profile. OKLCH separates perceptual lightness, chroma and hue; check foreground and background contrast separately when creating a palette.

W3C: HEX notation and sRGB colors · Conversion methods and limitations

Color conversion questions

How do I convert HEX to RGB?

Read each pair of HEX digits as a base-16 number. For #FF6B6B, FF is 255 and 6B is 107, so the result is rgb(255, 107, 107). For three-digit notation such as #F6A, repeat each digit first: #FF66AA becomes rgb(255, 102, 170).

What is the difference between HSL and HSV?

Both use hue and saturation, but HSL lightness is the average of the largest and smallest RGB channels, while HSV value is the largest channel. For pure red, HSL lightness is 50% and HSV value is 100%. A value of 100% does not mean white; saturation still matters.

When should I use CMYK vs RGB?

Use RGB for screen colors. CMYK describes cyan, magenta, yellow and black ink values for print workflows. The CMYK values in this converter are a mathematical approximation without an ICC profile. Ask your printer for the required profile and proof the result when matching printed colors matters.