What's the difference between HEX, RGB, and HSL?

HEX is a 6-digit code (e.g. #FF5733). RGB is red/green/blue values 0-255. HSL is hue/saturation/lightness, more intuitive for humans.

Color Picker & Converter

Pick any color and see HEX, RGB, and HSL values instantly. Free online color picker for designers and developers. Includes 20-color preset palette.

✓ Free • No Signup • Client-Side Only

Pick any color and instantly see its HEX, RGB, HSL values. Designers and developers use this daily.

Pick a color: Preview:

Quick palette:

Color values:

HEX

RGB

HSL

CMYK

Tailwind

Contrast ratio: 4.5:1 AA • Recent colors: none yet