Enter a HEX color code to instantly convert it to RGB and HSL, with a live preview swatch.
Web design and CSS often require the same color in different formats - HEX for quick reference, RGB for compositing, and HSL for easily adjusting lightness and saturation.
RGB values are extracted directly from the HEX pairs; HSL is then derived from RGB using the standard min/max lightness and saturation conversion formulas.
The HEX color #2B70B3 converts to rgb(43, 112, 179) and hsl(209, 61%, 43%).
Commonly HEX (#RRGGBB), RGB (red, green, blue values 0-255), and sometimes HSL (hue, saturation, lightness).
Each pair of hex digits (00-FF) converts to a decimal value 0-255 for red, green, and blue respectively.
HEX is compact and common in web/CSS code, RGB is intuitive for screen-based color mixing, and HSL is often easier for humans to adjust (like making a color lighter or more saturated) intuitively.