hex · rgb · hsl · hwb · lch · cmyk
Color Converter
Convert a color between HEX, RGB, HSL, HWB, LCH, CMYK and named colors, all at once.
About this tool
Convert colours between HEX, RGB, HSL and other formats and preview the result live. Paste a hex code from a design file and read the RGB or HSL values for your CSS, or adjust channels and copy the format you need.
It is a fast companion for front-end work and design hand-off, running entirely in the browser. No sign-up, no upload — just instant, accurate colour conversion.
Frequently asked questions
When should I use HSL instead of HEX?+
HSL (hue, saturation, lightness) makes it intuitive to create tints and shades by adjusting lightness while keeping the hue, which is handy for building consistent colour scales.
What does an 8-digit hex code mean?+
An 8-digit hex (#RRGGBBAA) includes an alpha channel for transparency. The last two characters set opacity from 00 (transparent) to FF (opaque).
Are converted values accurate for CSS?+
Yes. The tool outputs standard CSS-compatible values you can paste directly into stylesheets or design tokens.