Picker
HTML Colour Picker
Pick a colour with the swatch below and copy it in whichever format your CSS needs — hex, RGB or HSL.
Live Tool
HEX
RGB
HSL
1How To Use
Follow these steps — no coding experience needed.
- Pick a colourClick the swatch to open your browser's colour picker, or type a hex code directly.
- Read off the format you needHex for most CSS, RGB when you need to add transparency separately, HSL when you want to tweak lightness.
- Copy and useEach format has its own copy button — no manual conversion needed.
2Example Output
What this code looks like once it's on a real page.
3Browser Compatibility
| Browser | Support | Notes |
|---|---|---|
| Chrome | ✓ Supported | Full support |
| Firefox | ✓ Supported | Full support |
| Safari | ✓ Supported | Full support |
| Edge | ✓ Supported | Full support |
| Opera | ✓ Supported | Full support |
| Mobile browsers | ✓ Supported | Full support, iOS & Android |
Supported in every current browser — Chrome, Firefox, Safari, Edge and Opera all render this identically, on both desktop and mobile.
→Related Pages
More tools that pair naturally with this one.