Color Converter
One color, four formats. Type or paste a value in HEX, RGB, HSL or CMYK — every other format updates as you type, each with a one-click copy button.
Closest name: Blue Violet
Type or paste a value in any format — the others update as you go.
Which color format do you need?
HEX (#6d28d9) is the web default — compact, copy-paste friendly,
and what CSS expects most often. RGB (rgb(109, 40, 217)) is the
same color spelled as red, green and blue light, the format screens physically speak.
HSL (hsl(263, 70%, 50%)) describes hue, saturation and lightness —
the easiest format for humans to tweak. CMYK is how printers mix ink.
Every row updates live and the closest named color appears under the preview, so you can sanity-check a code against a name like “Violet” before shipping it.
Need to blend two colors instead? Use the color mixer for ratio-based
mixing with CSS color-mix() output.
Frequently asked questions
How do I convert a HEX code to RGB?
Paste the HEX code (like #6d28d9, with or without #) into the HEX field. The RGB, HSL and CMYK rows update instantly. HEX stores each channel as two hexadecimal digits: 6d = 109 red, 28 = 40 green, d9 = 217 blue.
When do I need HSL instead of RGB?
RGB says exactly what a screen emits; HSL says how a color feels — hue (position on the color wheel), saturation (intensity) and lightness. HSL is the practical choice when you want “the same color but lighter” or “more muted”: keep hue, raise lightness or lower saturation.
Is CMYK conversion print-accurate?
It is a mathematical conversion, not a print proof. Real printing depends on inks and paper, so treat the CMYK values as a close reference and let your printer driver or design software do the final conversion if color accuracy is critical.
What is the closest color name?
TintBrew compares your color against a palette of well-known named colors and shows the nearest one in perceptual (Oklab) distance — the same “how different do they look” math browsers now use for CSS color-mix().