Color Picker
A professional colour palette and picker. Converts between HEX, RGB and HSL instantly.
What it does
Use this to pick colours for web design, produce CSS values, find the RGB version of a brand colour, or convert between colour formats.
How to use
- Click Select Color.
- Pick a colour from the palette.
- HEX, RGB and HSL values appear.
- Use Copy to grab the format you want.
Alternative: type a value into any field and the others auto-update.
Supported formats
| Format | Example |
|---|---|
| HEX | #0078D4 |
| RGB | rgb(0, 120, 212) |
| HSL | hsl(207, 100%, 41%) |
Corporate palette
Six fixed corporate swatches at the bottom of the tool for one-click selection.
Examples
Pick a colour for a web page: Select Color, choose from the palette, copy the HEX, paste into CSS.
Find the RGB of a brand colour: Type the brand HEX, RGB fills in automatically.
Convert HSL to HEX: Type the HSL value, HEX is auto-produced.
Quick corporate colour: Click one of the swatches at the bottom.
Watch out
- No screen colour-picker (eyedropper) feature.
- HSL is shown as 0-100% on screen.
- No transparency (alpha) support.
- Does not match Pantone or RAL professional colour catalogues.
License
Unlimited in every plan.