For developers · online · free
Colour: HEX, RGB, HSL
Pick a colour: get the codes.
What the tool does
Shows one colour as HEX, RGB and HSL so you can paste it into styles or a design.
How to use it
- Pick a colour or enter a HEX code.
- Tap a notation to copy it.
Good to know
- HEX can be written with or without #, in three or six characters.
- HSL values are rounded to whole numbers.
Frequently asked questions
- Which format for a website?
- Any: HEX, RGB and HSL all work in CSS.
- What is HSL?
- Hue, saturation and lightness: handy for changing a colour by eye.