Pick a color or type any value to instantly convert between HEX, RGB and HSL. Copy ready-to-use CSS with one click.
#4f8ef7rgb(79, 142, 247)hsl(218, 91%, 64%)#4f8ef7) is the six-digit hexadecimal notation used most often in web design and CSS. RGB describes a color as red, green and blue channels from 0–255 and is handy when mixing colors programmatically. HSL (hue, saturation, lightness) is the most intuitive for humans — nudge the lightness to create tints and shades of the same hue. All three describe the same color; this tool keeps them in sync as you edit any one of them.Type or paste your HEX code (with or without the #) into the HEX field. The RGB and HSL values update instantly, and you can copy any format with one click.
Yes. Short codes like #f80 are automatically expanded to their full 6-digit form (#ff8800) before conversion.
Absolutely. Copy the HEX, rgb() or hsl() string and paste it straight into your stylesheet — they are all valid CSS color values.