Color Converter & Picker
Convert, extract and check colors — free, unlimited, and entirely private.
#3b82f6rgb(59, 130, 246)hsl(217, 91%, 60%)217, 76%, 96%Color palette
Drop files here or click to choose
🔒 Your files never leave your browserContrast checker
| AA | AAA | |
|---|---|---|
| Normal text | Pass | Pass |
| Large text | Pass | Pass |
How it works
This tool parses, converts, and analyzes colors directly inside your browser tab — no server, no upload, no waiting. Type a color in any common CSS format and it's immediately shown in hex, RGB, HSLA, and HSB side by side, each with its own copy button.
The image palette extractor downsamples a dropped image and groups similar pixel colors together, then surfaces the most common ones — click any swatch to load it into the converter above. The contrast checker computes the WCAG 2.1 relative luminance ratio between two colors and checks it against the official AA and AAA accessibility thresholds for both normal and large text.
Where your browser supports it, the "Pick from screen" button uses the native EyeDropper API to sample any pixel on your screen — not just inside this page — directly into the color input.
Limitations
The EyeDropper API isn't available in every browser yet (it works in current Chrome and Edge, not Firefox or Safari at the time of writing) — the button only appears where it's supported. Palette extraction samples a downscaled version of the image for speed, so extremely fine color gradients may be under-represented relative to large flat areas.
FAQ
- Is this color tool really free?
- Yes — completely free, with no limits and no account required. Everything runs in your browser, so there's no server cost to recoup.
- What color formats can I type in?
- Hex (#f00, #ff0000, #ff0000cc), rgb()/rgba() in both comma and modern space+slash syntax, hsl()/hsla(), and CSS named colors like "rebeccapurple" or "cornflowerblue".
- How does the image color palette work?
- Dropping an image samples its pixels and groups similar colors together, then shows the most common ones — a quick way to pull a palette from a photo, logo, or screenshot without opening a full image editor.
- What does the contrast checker actually measure?
- It computes the WCAG 2.1 contrast ratio between two colors and checks it against the official AA and AAA thresholds for normal and large text — the same standard accessibility audits and browser DevTools use.