- HEX — HTML & CSS
- RGB — Red, Green, Blue
- HSL — Hue, Sat, Light
How to use the Colour Picker & Converter
Click anywhere on the colour wheel to pick a colour, or type a HEX, RGB or HSL value directly. Your colour is instantly converted to all three formats. Click any value to copy it to your clipboard.
Frequently Asked Questions
A HEX colour is a six-character code representing red, green and blue values in hexadecimal. For example #FF5733 breaks down as FF (red), 57 (green) and 33 (blue). They are used in CSS, HTML and design tools.
RGB (Red Green Blue) defines colours by mixing three light values from 0 to 255. HSL (Hue Saturation Lightness) describes colours more intuitively — hue is the colour angle, saturation is the intensity, and lightness is how bright or dark it is.
Use your browser developer tools (right-click, Inspect) and click on the element. The colour value appears in the CSS panel. You can then paste it into our colour picker to convert it.
Three-digit HEX codes like #F00 are shorthand for six-digit codes where each digit doubles — #F00 is the same as #FF0000. Not all tools support the shorthand so the six-digit version is safer to use.