Color Picker
Pick colours, sample any pixel on screen with the eyedropper, and convert between HEX, RGB and HSL.
HEX
#7C3AED
RGB
rgb(124, 58, 237)
HSL
hsl(262, 83%, 58%)
On white5.70:1
WCAG AA: ✓ · AAA: ✕
On black3.69:1
WCAG AA: ✕ · AAA: ✕
What is the Color Picker?
The Color Picker lets you choose a colour visually and copy it in the format you need — HEX, RGB, HSL or HSV — with live conversion between all four as you drag. Alpha is supported, and picked colours are saved to a local palette.
On Chrome, Edge and Opera, the EyeDropper API lets you sample any pixel on your screen.
How to use the Color Picker
- 1Drag inside the colour panel or enter a value directly.
- 2Adjust hue, saturation and lightness with the sliders.
- 3Click the format you need (HEX, RGB, HSL, HSV) to copy it.
- 4Use the eye-dropper icon to sample any pixel on screen (Chrome/Edge/Opera).
Key features
- Live HEX / RGB / HSL / HSV conversion
- Alpha channel support
- EyeDropper screen sampling on supported browsers
- Saved palette in local storage
- Contrast check against black and white
Frequently asked questions
Which browsers support the eye-dropper?
Chrome, Edge and Opera. Safari and Firefox do not expose the EyeDropper API.
Are my picked colours saved anywhere?
Only in your browser's localStorage — never uploaded.
All Utility
Tap any tool to jump straight in — no signup, works on mobile.