Color Code Converter
Type one color, get every code. HEX, RGB, HSL and CMYK stay in sync — plus a 10-step shade ramp and matching color schemes, one click to copy.
CMYK values are a straight mathematical approximation — not a calibrated print profile. Use them as a starting point and always check a printed proof before a big run.
Contrast & readability
How your color performs as text, using the WCAG 2 contrast formula against white and black. AA normal text needs 4.5:1, AAA normal text needs 7:1.
Shade & tint ramp
Ten steps from light to dark at the same hue. The ring marks the step closest to your color — click any swatch to copy its HEX.
Color schemes
Complementary and triadic partners derived from your hue. Click a chip to copy its HEX.
Closest Pantone, RAL & CSS colors
Nearest matches found by perceptual (CIELAB) distance. Type a CSS color name to jump straight to it — or read off the nearest name for the color you already have.
Pantone and RAL matches are approximate, screen-based estimates — not a licensed color match. Pantone® and RAL® are proprietary systems; always verify against an official printed guide before production.
Conversion guides
A short reference for each direction, with a live example using your current color.
How to convert HEX to RGB
A HEX code packs three pairs of hexadecimal digits — red, green and blue. To convert HEX to RGB, split it into those pairs and read each as a base-16 number from 0 to 255. Paste any HEX above and the RGB triplet appears instantly.
How to convert RGB to HEX
Going the other way, each RGB channel (0–255) becomes a two-digit hexadecimal value, joined behind a #. Values below 16 keep a leading zero so the code is always six digits. Type an RGB value above to see its HEX form.
How to convert HEX to CMYK
HEX and RGB describe light on a screen, while CMYK describes ink on paper. The converter first turns HEX into RGB, then derives the cyan, magenta, yellow and key (black) percentages. Treat CMYK as a print starting point, not a calibrated profile.
How to convert RGB to HSL
HSL restates the same color as hue (0–360°), saturation and lightness, which is far easier to tweak by eye. To convert RGB to HSL, normalize the channels and compare their max and min. Adjust any RGB value above to watch the HSL update.
How to convert HSL to HEX
Starting from hue, saturation and lightness, the math rebuilds the red, green and blue channels, then formats them as a HEX code. This is handy when you have picked a hue and want a shareable code. Edit the HSL fields above to generate the HEX.
Frequently asked questions
How do I convert HEX to CMYK (or RGB to HEX)?
Just type your color into any field — HEX, RGB, HSL or CMYK. The other three update instantly. Click the copy icon next to any value, or click a swatch in the shade ramp, to copy that code to your clipboard.
Are these CMYK values print-accurate?
The CMYK numbers are a straight mathematical conversion, not a calibrated print profile. They're a great starting point for a design, but real-world print color depends on your printer, paper and ICC profile — always check a proof before a big run.
Is my data collected? Do I need an account?
No. There's no signup and nothing is uploaded. Every conversion runs entirely in your browser, and the color in your link (the part after #) is just the color code itself.