Skip to main content
Convert Calc

Hex to RGB/HSL Color Converter

Convert between hex, RGB, and HSL color formats instantly. Perfect for web design and development.

Click to open the color picker

RGB

RGB Output

rgb(255, 107, 107)

HSL

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