Image Color Picker
Pick colours from any image online. Upload a photo and get HEX, RGB, HSL and CMYK codes instantly, then build and export a palette. Free, no signup.
A startup from Albuquerque, the United States that is founded by Ayaan Mizan.
Pick colours from any image online. Upload a photo and get HEX, RGB, HSL and CMYK codes instantly, then build and export a palette. Free, no signup.
A startup from Albuquerque, the United States that is founded by Ayaan Mizan.
This page is designed to help you find out whether Image Color Picker is good and if it is the right choice for you.
Image Color Picker is a set of browser-based colour tools for designers and front-end developers. Everything runs without an account.
Pick a colour from any image. Open a file from your device or paste an image URL, then click any pixel to get HEX, RGB, HSL, HSB and CMYK at once. Images you open from your device are processed in your browser and never uploaded to a server.
Check whether a colour can actually be read. The contrast checker scores any foreground and background pair two ways: the WCAG 2 ratio with AA and AAA results, and the APCA Lc value from the perceptual model drafted for WCAG 3. The two disagree more often than people expect, which is exactly why both are shown instead of one.
A reference, not only tools. 4,336 named colours, each with full conversions, a shade and tint ramp, and which backgrounds it stays legible against — plus brand colour codes, colour families A to Z, and a colour wheel.
Palettes in OKLab. Palette extraction uses a perceptually uniform colour space, so visually distinct blues do not collapse into one swatch the way raw RGB quantisation makes them.
Typography measured, not estimated. The font contrast tool reads x-height, cap-height and variable weight axes directly from 54 open-source font binaries, so the figures describe the actual fonts rather than an approximation of them.
Also included: conversion between HEX, RGB, HSL, HSB, CMYK and named colours in every direction, a CSS gradient generator, and shade and tint generation from any base colour.
Free, no sign-up, and no paid tier.
Listed in
Image color picker
Open an image from your device or paste a URL, then pick any pixel — HEX, RGB, HSL, HSB and CMYK.
WCAG + APCA contrast checker
Scores any pair two ways: the WCAG 2 ratio with AA/AAA results, and the APCA Lc value drafted for WCAG 3.
Palette Generator
Extracts palettes in a perceptually uniform color space, so distinct blues don't collapse into one swatch.
Color Converter
HEX, RGB, HSL, HSB, CMYK and named colors, converted in every direction.
Gradient Generator
Builds CSS gradients visually and copies the finished rule.
It reports APCA alongside WCAG 2. Almost every other colour tool gives you the WCAG ratio and stops there — but WCAG 2 ignores text size and weight, so it passes combinations that are genuinely hard to read and fails ones that are perfectly fine. APCA, the perceptual model drafted for WCAG 3, accounts for both. The two disagree often enough that seeing only one of them is how bad colour decisions get signed off.
Two other things are unusual. Palettes are quantised in OKLab rather than raw RGB, so visually distinct blues don't collapse into a single swatch. And the typographic data is measured directly from 54 open-source font binaries — x-height, cap-height and variable weight axes read out of the files themselves, not estimated.
Most colour pickers answer "what colour is this pixel". This one also answers "can anyone actually read text in it", which is the question that decides whether you can use the colour at all.
Beyond that: it's free with no account and no paid tier, images you open from your device are processed in your browser and never uploaded, and it works as a reference rather than only a tool — 4,336 named colours with conversions, shade ramps and readable-background pairings, plus brand colour codes and colour families A to Z.
Nothing is gated. There is no sign-up wall between you and a hex code.
Front-end developers and web designers choosing colours that have to survive an accessibility review — people who need to know whether a given grey passes on white, and at what text size.
Second, anyone who needs a colour out of an image quickly: a logo, a screenshot, a photograph, without opening an image editor to get it.
Third, students and people learning colour theory, who use the named-colour reference, the colour wheel and the shade ramps rather than the picker itself.
Server side: custom PHP with no framework, running on OpenLiteSpeed via CyberPanel, behind Cloudflare.
Client side: vanilla JavaScript, no framework — no React, Vue or jQuery. The Canvas API does the pixel reading, which is why images opened from your device never need to reach a server. Bootstrap is used for CSS only; its JavaScript was removed.
The colour maths is written from scratch rather than pulled from a library: WCAG 2 relative luminance, APCA-W3 0.1.9 implemented to the published constants, OKLab conversion, and median-cut quantisation for palette extraction.
The browser extension is Manifest V3 for both Chrome and Firefox, sharing the same colour library as the site.
It started as a single tool: open an image, click a pixel, get the hex code.
The contrast checker came later, and putting APCA next to WCAG 2 changed what the site was for. It stopped being a colour picker that happened to check contrast, and became a tool about whether a colour is usable at all.
Since then it has grown into a reference as much as a utility — 4,336 named colours, brand colour codes, shade and tint ramps, OKLab palette extraction, and typographic metrics measured from font binaries. A browser extension now brings the picker and the contrast checker onto any page.
We have collected here some useful links to help you find out if Image Color Picker is good.
Check the traffic stats of Image Color Picker on SimilarWeb. The key metrics to look for are: monthly visits, average visit duration, pages per visit, and traffic by country. Moreoever, check the traffic sources. For example "Direct" traffic is a good sign.
Check the "Domain Rating" of Image Color Picker on Ahrefs. The domain rating is a measure of the strength of a website's backlink profile on a scale from 0 to 100. It shows the strength of Image Color Picker's backlink profile compared to the other websites. In most cases a domain rating of 60+ is considered good and 70+ is considered very good.
Check the "Domain Authority" of Image Color Picker on MOZ. A website's domain authority (DA) is a search engine ranking score that predicts how well a website will rank on search engine result pages (SERPs). It is based on a 100-point logarithmic scale, with higher scores corresponding to a greater likelihood of ranking. This is another useful metric to check if a website is good.
The latest comments about Image Color Picker on Reddit. This can help you find out how popualr the product is and what people think about it.
For extracting complete palettes from uploaded images, I also built Img Color Picker. - Source: dev.to / about 1 month ago
Do you know an article comparing Image Color Picker to other products?
Suggest a link to a post with product alternatives.
Is Image Color Picker good? This is an informative page that will help you find out. Moreover, you can review and discuss Image Color Picker here. The primary details have been verified within the last quarter. So they could be considered up to date. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.
