Hex to RGB/HSL Color Converter

Convert colors between hex, RGB and HSL formats. A short explanation of each format follows, from 6-digit hex codes to hue, saturation and lightness values.

Hexadecimal

Color Picker

Click to open the color picker

RGB

Red

Green

Blue

RGB Output

rgb(255, 107, 107)

HSL

Hue

Saturation %

Lightness %

HSL Output

hsl(0, 100%, 71%)

Hexadecimal (#RGB)

The most common format for web. 6 characters representing red, green, and blue values (00-FF).

RGB

Red, Green, Blue values from 0-255. Used in CSS, image editors, and most design tools.

HSL

Hue (0-360°), Saturation (0-100%), Lightness (0-100%). Intuitive for adjusting colors.

Common Use Cases

• Design to Code: Your designer gives you a hex color (#FF6B6B), but your CSS-in-JS library needs RGB
• Adjusting Colors: HSL makes it easy to lighten or darken a color by adjusting the lightness slider
• Brand Colors: Store brand colors in hex, convert to RGB for APIs that require it
• Debugging: When a color looks wrong in the browser, convert between formats to verify the values