CSS supports multiple color formats, and different situations call for different ones: hex for concise declarations, rgba for transparency, hsl for systematic palette work, and named colors for readability. This converter lets you input a color in any CSS-supported format and instantly see it in every other format. Copy the exact syntax you need, whether that is a six-digit hex, an rgba function call, or an hsl declaration with percentage values.
Color Converter
Convert any color between HEX, RGB, HSL, and CMYK with a live preview, copy-able values, and a tints & shades strip.
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)cmyk(76%, 47%, 0%, 4%)HEX — 6-digit hexadecimal code used widely in web design (e.g., #FF5733).
RGB — Red, Green, Blue channels (0–255 each), the additive color model for screens.
HSL — Hue (0–360°), Saturation (0–100%), Lightness (0–100%). More intuitive for humans.
CMYK — Cyan, Magenta, Yellow, Key (Black) — the subtractive model used in printing.