HSL is a natural way to think about color, but many APIs, image processing libraries, and legacy systems expect RGB values. When you have designed a color palette using HSL values and need to translate them to RGB for implementation, this converter handles the trigonometric math for you. Enter hue as a degree from 0 to 360 and saturation and lightness as percentages to get exact RGB integers ready for your code.
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.