Color Picker
Pick a colour and read it back as hex, RGB, HSL, HSV, CMYK and the nearest CSS name.
Processing: This tool runs entirely in your browser. Your input and any file you open stay on your device — nothing is uploaded to a server.
How to use the color picker
- Enter or pick your colour.
- Read every notation below, updated as you type.
- Copy whichever one you need.
About this tool
Every notation for the same colour, in one place, so you can copy whichever one the thing you are pasting into expects.
The nearest CSS name is worth a caution: it is the closest of the 148 named colours by straight distance in RGB, which is not the same as the closest colour to the human eye. If the page says a colour is not an exact match, treat the name as a rough label, not an equivalent.
Nothing here is sent anywhere — the conversions are arithmetic done in the page.
Common uses
- Grabbing a colour in whatever notation the current tool needs.
- Finding whether a colour has a CSS name.
- Checking a colour's hue and saturation quickly.
Frequently asked questions
- How many CSS colour names are there?
- 148, including duplicates like grey and gray. This finds the closest one and says whether it is an exact match.
- Can I pick a colour from an image?
- Not on this page. The palette-from-image tool extracts colours from a picture instead.
- Which notation should I use?
- Hex for general CSS, HSL when you want to adjust the colour by hand, and RGB when you need per-channel values. They describe the same colour.
Related tools
Color Name Finder
Find the closest CSS colour name to any colour, and see whether it is an exact match.
HEX to RGB Converter
Convert colours between HEX, RGB and HSL with a live preview and copyable CSS values.
RGB to HSL Converter
Convert RGB values to HSL, plus hex, HSV and CMYK, with a live swatch.
Colour Palette From Image
Pull the dominant colours out of a picture as HEX, RGB and HSL, with CSS variables.