Loading tool…
How to Pick Colours
The Colour Picker lets you select, convert, and explore colours in HEX, RGB, HSL, and OKLCH formats — with a visual canvas and eyedropper.
- Use the colour canvas to select a colour visually, or enter a value in any format.
- View the colour in all supported formats (HEX, RGB, HSL, OKLCH) simultaneously.
- Copy any format value with one click.
Understanding Colour Spaces
HEX (#FF5733) is the web standard for CSS colours. RGB defines red, green, and blue channels (0–255). HSL represents hue (0–360°), saturation (0–100%), and lightness (0–100%) — more intuitive for humans. OKLCH is a perceptually uniform colour space that produces more consistent colour variations. Each format has strengths for different use cases.
Why Use Our Colour Picker?
- Four formats — HEX, RGB, HSL, and OKLCH with instant conversion.
- Visual canvas — select colours intuitively with the picker.
- Copy CSS values — ready-to-paste colour declarations.
- No account needed — pick colours instantly.
Frequently Asked Questions
What is OKLCH?
OKLCH is a perceptually uniform colour space where equal numerical changes produce equal perceived colour differences. It is ideal for generating consistent palettes and accessible colour combinations.
Can I use the browser eyedropper?
On supported browsers (Chrome, Edge), you can use the native EyeDropper API to pick colours from anywhere on your screen.
Does it support alpha transparency?
Yes. RGBA and HSLA values with alpha channels are supported.
Is any data stored?
No. Everything runs in your browser.