Color Picker

You have a screenshot of a design, a photograph with a colour you want to use, or a logo whose exact brand blue nobody can find written down. Tap the pixel and this gives you the value, in the three notations anyone actually pastes into code: HEX, RGB and HSL.

The reading comes from the image's own pixels, not from what the screen is showing. That distinction matters — the picture is scaled to fit the page, and sampling a scaled copy returns a blend of neighbouring pixels rather than the colour that is genuinely there.

Alongside the picker, the tool works out the handful of colours the image is mostly made of. It does that by grouping near-identical shades together and averaging within each group, so a photograph returns six usable colours rather than six thousand greys a pixel apart. Tap any of them to select it.

Each colour also shows its contrast against black and against white. If you are choosing a colour for text or a button, that number is the difference between a design that everyone can read and one that fails an accessibility audit: body text needs a ratio of at least 4.5:1.

The image is read on your device and never uploaded, so pulling colours from an unreleased design or an internal screenshot is safe.