Color Converter — HEX, RGB, HSL
Convert colours between HEX, RGB, HSL, HSV, CMYK and OKLCH with a live picker and copy-ready values in every format.
HEX, rgb(), hsl() or a CSS colour name.
- 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(66%, 69%, 0%, 10%) - OKLCH
oklch(51.1% 0.2301 277)
Contrast
WCAG needs 4.5:1 for body text and 3:1 for large text.
- Sample text6.29:1AA
- Sample text3.34:1AA Large
About Color Converter
Enter a colour in any common notation and get every other format at once. Useful when a brand guide specifies CMYK, your CSS needs HEX, and your design tokens are written in OKLCH. Values update live as you drag the picker.
How to use it
- Type a colour in any format, or use the picker.
- Read the converted values in every other notation.
- Click any value to copy it.
Frequently asked questions
What is OKLCH and why does it matter?
A perceptually uniform colour space. Equal numeric steps look like equal visual steps, which makes it far better than HSL for generating consistent tints, shades and accessible palettes.
Why does my CMYK conversion look different in print?
CMYK is device-dependent. The values here use a standard approximation; an accurate conversion needs your printer's ICC colour profile.
What does the alpha channel do?
It sets opacity from 0 to 1. In HEX it becomes a fourth pair of digits (#RRGGBBAA); in CSS you can also use rgb() and hsl() with a slash before the alpha.
Trending guides
In-depth reads that go beyond the calculator.
- Trending6 min read
SIP Calculator guide
A Systematic Investment Plan is a standing instruction to put a fixed amount into a mutual fund on the same date each month. That is the whole idea. It is not a product you buy, not an asset class, and not a scheme with a guaranteed rate — it is a schedule. The returns come from whatever the underlying fund holds.
- 3 min read
BMI Calculator guide
Body Mass Index is weight in kilograms divided by height in metres squared. That is the whole calculation. It was devised in the 1830s by the Belgian statistician Adolphe Quetelet, who was explicitly describing populations rather than assessing individuals — a distinction that matters enormously and gets lost constantly.
- 3 min read
Percentage Calculator guide
Almost every percentage problem is one of four shapes. Knowing which one you are looking at is most of the work, because each has a different formula and mixing them up is where the wrong answers come from.