ironroot

Colour Picker

Pick a colour and copy its HEX, RGB and HSL values.

  • Private
  • No sign-up
  • Works in your browser
Hex

#5e8c5a

RGB

rgb(94, 140, 90)

HSL

hsl(115, 22%, 45%)

What is the Colour Picker?

Pick a colour with the swatch or type a hex code to instantly get its HEX, RGB and HSL values, ready to copy into your designs and code.

How to use it

  1. 1Pick a colour with the swatch, or type a hex code.
  2. 2See the HEX, RGB and HSL values update.
  3. 3Copy the format you need.

Common uses

  • Matching brand colours
  • Converting between colour formats
  • Grabbing values for CSS and design tools

Frequently asked questions

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

They all describe the same colour: HEX is a six-digit code used in CSS, RGB uses red/green/blue values, and HSL uses hue, saturation and lightness, which is handy for tweaking shades.