Colour Converter

Convert between HEX, RGB, HSL, HSV and CMYK.

Colour value

Colour picker

#4F46E5

HEX

#4F46E5

RGB

rgb(79, 70, 229)

HSL

hsl(243.4, 75.4%, 58.6%)

HSV

hsv(243.4, 69.4%, 89.8%)

CMYK

cmyk(65.5%, 69.4%, 0%, 10.2%)

HEX with alpha

#4F46E5

WCAG 2.2 requires 4.5:1 for normal text and 3:1 for large text and UI components.
Against	Contrast ratio	AA normal	AA large	AAA normal
White	6.29:1	Pass	Pass	Fail
Black	3.34:1	Fail	Pass	Fail

Tint and shade scale

#F3F2FC50

#E7E6F9100

#C3C0F6200

#9D98F1300

#6E67EA400

#443AE3500

#291ED7600

#2219B3700

#1B148F800

#140F6B900

#110E3F950

CSS custom propertiescss

--color-50: #f3f2fc;
--color-100: #e7e6f9;
--color-200: #c3c0f6;
--color-300: #9d98f1;
--color-400: #6e67ea;
--color-500: #443ae3;
--color-600: #291ed7;
--color-700: #2219b3;
--color-800: #1b148f;
--color-900: #140f6b;
--color-950: #110e3f;

What does Colour Converter do?

Enter a colour in any common notation and get every other format at once, with a live swatch, a contrast check against black and white, and generated tints and shades.

How to Use Colour Converter

1
Enter a colourHEX, rgb(), hsl() or a CSS colour name.
2
Read every formatAll notations update together.
3
Copy what you needOne tap per format.

Key Features

Every format converted at once from any input notation
Named CSS colours accepted as input
Alpha channel supported in HEX, RGBA and HSLA
WCAG contrast ratio against black and white
Tints, shades and a full 50–950 scale generated from the colour

Frequently Asked Questions

How do I convert HEX to RGB?

Split the six digits into three pairs and read each as a hexadecimal number. #4F46E5 is 4F = 79, 46 = 70, E5 = 229, giving rgb(79, 70, 229).

What is HSL good for?

Adjusting colours predictably. Hue sets the colour, saturation its intensity, lightness how light or dark it is. Building a palette by varying lightness at a fixed hue is far easier in HSL than in HEX.

Is the CMYK conversion accurate for printing?

It is a straightforward mathematical conversion, which is fine for a rough idea. Real print work needs an ICC profile conversion for the specific press and paper, since CMYK cannot reproduce every RGB colour.

What is the difference between HSL and HSV?

They differ in the third component. HSL lightness runs from black through the pure colour at 50% to white at 100%. HSV value runs from black to the pure colour at 100% and never reaches white without dropping saturation.