Color Converter Suite: HEX, RGB, HSV, CMYK, RGBA and Color Tone

What you can do here

Every pair between seven color notations works in both directions. The ones people search for most:

• HEX to RGB and RGB to HEX
• HEX to RGBA (including 8-digit HEX with alpha)
• HEX to HSV and HSV to HEX
• HEX to CMYK and CMYK to HEX
• RGB to HSV and HSV to RGB
• RGB to CMYK and CMYK to RGB
• CMYK to HSV and HSV to CMYK
• RGB to RGBA, plus HSL in and out
• HEX, RGB, HSV or CMYK to color tone
• Color tone to HEX, RGB, HSV or CMYK

Input is forgiving: #4f46e5, 4F46E5, #abc, rgb(79, 70, 229), 79 70 229, hsv(243, 69%, 90%) and cmyk(66%, 69%, 0%, 10%) are all accepted. If you paste a value with a prefix such as rgb( or cmyk(, the converter reads it as that format even if the “from” menu says something else. Each conversion has its own link, for example /color-suite?mode=cmyk-to-rgb, so you can bookmark the one you use.

Color models at a glance

Conversion formulas

HEX to RGB and RGB to HEX

Split the six digits into three pairs and read each as a base-16 number: 4F = 4×16 + 15 = 79, 46 = 70, E5 = 229, so #4F46E5 is rgb(79, 70, 229). RGB to HEX is the reverse: write each channel as two hex digits and join them. A 3-digit code doubles each digit, so #abc is #aabbcc.

HEX to RGBA

The RGB part is the same; alpha is 1 for a 6-digit code. For 8-digit HEX the last pair is alpha out of 255: #4F46E580 → 128 / 255 ≈ 0.5 → rgba(79, 70, 229, 0.5).

RGB to HSV and HSV to RGB

r, g, b = R/255, G/255, B/255
max = max(r, g, b);  min = min(r, g, b);  d = max - min
V = max
S = max == 0 ? 0 : d / max
H = 60 x ((g - b)/d mod 6)   if max == r
    60 x ((b - r)/d + 2)     if max == g
    60 x ((r - g)/d + 4)     if max == b

HSV to RGB:  C = V x S;  X = C x (1 - |(H/60) mod 2 - 1|);  m = V - C
pick (C,X,0), (X,C,0), (0,C,X), (0,X,C), (X,0,C) or (C,0,X) by 60-degree sector,
then add m to each channel and multiply by 255

RGB to CMYK and CMYK to RGB

K = 1 - max(r, g, b)
C = (1 - r - K) / (1 - K)      M = (1 - g - K) / (1 - K)      Y = (1 - b - K) / (1 - K)

R = 255 x (1 - C) x (1 - K)    G = 255 x (1 - M) x (1 - K)    B = 255 x (1 - Y) x (1 - K)

HEX to CMYK, CMYK to HSV and the other cross pairs go through RGB: convert to RGB first, then from RGB to the target.

What “color tone” means here

In color theory a tint is a hue mixed with white, a shade is mixed with black, and a tone is mixed with gray. Converting to color tone gives you the HEX code together with a plain-language description — hue family (for example “blue-violet”), warm or cool, light, medium or dark, vivid or muted — and a strip of tints, shades and tones you can click to copy. Converting from a color tone takes its HEX code (or a CSS color name such as teal) and returns RGB, HSV, CMYK and the rest.

Worked example: #4F46E5

HEX	#4F46E5
RGB	rgb(79, 70, 229)
RGBA	rgba(79, 70, 229, 1)
HSV	hsv(243.4, 69.4%, 89.8%)
HSL	hsl(243.4, 75.4%, 58.6%)
CMYK	cmyk(65.5%, 69.4%, 0%, 10.2%)
Color tone	Blue-violet, cool, medium, vivid

Common colors in every format

Common questions