Image Colour Picker

This is a browser-based eyedropper: choose an image and click anywhere on it to read that exact pixel's colour as hex, RGB and HSL. It solves the common problem of matching a colour that exists in a photo, screenshot or design mockup but was never recorded anywhere as a code — a brand colour visible only in an old logo file, a shade picked from a product photo, an accent colour spotted in a screenshot of someone else's design.

The image is decoded straight into an HTML canvas element in your browser, and every click reads pixel data directly from that canvas — there is no upload step at any point, which is also why it works with no internet connection once the page has loaded.

The dominant-colour strip

Alongside single-pixel picking, the tool scans the whole image and surfaces its dominant colours as a strip of swatches. It does this by quantising every sampled pixel down to a coarse colour grid and counting which buckets come up most often — a fast, approximate approach rather than a full k-means clustering algorithm, which trades a little precision for being instant on images of any size.

It is useful for pulling a quick palette out of a photograph — matching a website's accent colours to a hero image, for instance — without needing dedicated design software.