Super Boring Tools

Search tools

Find a tool by name or what it does.

Image Color Picker

Hover over an image to preview any pixel, click to save it, and copy HEX, RGB, and HSL values.

Image
Drop an image here or click to browse
or paste from clipboard (Ctrl+V) · JPEG, PNG, WebP
Files stay in your browser. Nothing is uploaded.

How to pick a color from an image

  1. Add an image

    Drop a JPEG, PNG, or WebP file into the tool, click to browse for one, or paste a screenshot from the clipboard.

  2. Hover and click

    Move the pointer over the image to preview the color underneath it, then click or tap to save that pixel as a swatch.

  3. Copy the values

    Read HEX, RGB, and HSL off any saved swatch, copy a single format with its button, or copy the whole history as CSS variables.

Why use this tool

Hover to preview, click to save

A live readout shows the color under the pointer as it moves. Clicking adds that exact pixel to the swatch list.

HEX, RGB, and HSL for every swatch

Each saved color lists all three formats side by side, each with its own copy button, so nothing needs retyping.

A rolling history of 12 picks

Swatches stack newest first and the oldest drops off after 12. One click copies the whole set as CSS variables.

Accurate on high-resolution screens

Pointer position is mapped to the exact image pixel, so the value you get comes from the file, not from a blurry on-screen scale.

Paste a screenshot directly

Besides drag and drop, the tool accepts an image pasted from the clipboard, which makes sampling a fresh screenshot a two-step job.

Nothing leaves your browser

The image is opened and sampled locally and is never uploaded, so unreleased designs and client files stay private.

About this tool

This image color picker reads the exact color of any pixel in a photo, logo, or screenshot. Drop a JPEG, PNG, or WebP file, or paste a screenshot straight from the clipboard, and the image appears ready to sample. Moving the pointer shows a live preview of the color underneath it, and clicking saves that color to a history of up to 12 swatches, newest first. Every saved swatch lists its HEX, RGB, and HSL values with a copy button per format, and one click copies the whole set as CSS variables.

The typical job is matching a color you can see but do not have as a value: pulling brand colors out of a logo that arrived as a flat PNG, grabbing the exact shade used in a screenshot, or lifting a few tones from a photo to start a mood board when no design tool is at hand. Picking is not the same as converting: once a value is on the clipboard, the color converter rewrites it between formats, and the color palette generator builds a full scheme around it. To check whether two sampled colors are readable together, run them through the contrast checker.

The image is opened and sampled on your own machine and is never uploaded, which matters when the file is an unreleased design, a client logo under embargo, or an internal screenshot. Nothing is stored either: the swatch history lives only on the page and disappears when you leave it.

Frequently asked questions

How accurate are the sampled colors?
The tool reads the exact pixel values the browser renders, which are standard sRGB. For most files that matches design tools exactly. Images with wide-gamut or unusual color profiles are converted to sRGB for display, so a color-managed photo editor may show slightly different numbers for the same pixel.
Which image formats can I pick colors from?
JPEG, PNG, and WebP files are supported, whether dropped, browsed, or pasted from the clipboard. PNG and WebP transparency is respected: a semi-transparent pixel reports its alpha as 8-digit HEX and in rgba() and hsla() notation.
How many colors can I save?
The history keeps your last 12 picks, newest first. Saving a thirteenth drops the oldest. You can clear the list at any time, and it is never stored anywhere, so it resets when you leave the page.
Is my image uploaded anywhere?
No. The file is opened and sampled entirely in your browser and never leaves your device, so screenshots of unreleased work and confidential design files are safe to use.
Does it work on a phone or tablet?
Yes. There is no hover on a touch screen, so the preview readout updates when you tap instead. Each tap samples the pixel under your finger and saves it to the swatch list.
What happens with very large images?
Images beyond roughly 24 megapixels are scaled down before sampling to keep the page responsive, and a note shows the working size. Colors in flat areas are unaffected, but along sharp edges a sampled value can be a blend of neighboring pixels from the original file.

Related tools