Color Converter

HEX, RGB, HSL, picker, and random palettes.

No external services
Built by Derar Sattouf

Color Converter

Color

RGBrgb(31, 122, 91)
HSLhsl(160, 59%, 30%)

Random palette

What is the Color Converter?

The Color Converter translates any color between HEX, RGB and HSL notation and lets you pick colors visually. Paste a value from a design file or stylesheet to get the equivalent formats for CSS, or generate random palettes for inspiration, all instantly in the browser.

How to use it

  1. Enter a HEX, RGB or HSL value, or use the picker.
  2. Read the other formats.
  3. Copy the value you need.

Features

  • HEX, RGB and HSL conversion
  • Visual color picker
  • Random palette generator
  • CSS-ready output

Frequently asked questions

How do I convert HEX to RGB?

Paste the HEX code, for example #1f7a5b, and the converter shows its RGB value, rgb(31, 122, 91), and the matching HSL value, ready to copy into CSS.

When is HSL better than HEX?

HSL describes hue, saturation and lightness separately, which makes it easy to create lighter or darker shades of the same color by changing a single number.

Related tools

See all 26 developer tools

Last updated: October 2026 · Built by Derar Sattouf