Colour Picker
Pick a colour and copy the hex, RGB, and HSL.
Hex
#111111
RGB
17, 17, 17
HSL
0 0% 7%
Worked example
#ff0101 is rgb(255, 1, 1). In HSL that is about 0° hue, 100% saturation, and 50% lightness. The swatch updates as you change the picker.
FAQ
- Which value should I copy into CSS?
- Hex is the usual choice. RGB is useful when you need to add an alpha channel yourself.
- Does the picker include alpha?
- No. You get an opaque colour. Add the alpha in your stylesheet if you need transparency.
- Is the HSL exact?
- It is converted from the hex. Rounding can move a channel by a fraction of a percent.