Features
Color picker
Sample the exact colour at any pixel of an image — hex / RGB / HSL / alpha with a 10× magnifier for precision.
What it does
Click anywhere on an uploaded image and the Color Picker returns the exact pixel value at that point. Useful for:
- Reading the exact brand colour from a logo.
- Sampling a sky tone you want to reproduce in a CSS gradient.
- Verifying that a "transparent" image is actually transparent at a point (alpha = 0).
- Pulling the exact swatch out of a screenshot of a website or app.
Magnifier mode
At any zoom level the cursor shows a 10× magnifier with the centred pixel highlighted. This makes single-pixel sampling reliable even on dense artwork. The magnifier follows the cursor, no click needed.
What you get
Each sampled pixel reports:
- Hex —
#FFAA00 - RGB —
rgb(255, 170, 0) - HSL —
hsl(40, 100%, 50%) - Alpha —
255 (fully opaque)or the actual 0–255 value if partial / transparent
Click any value to copy it to the clipboard. The most recent 10 samples are shown as a history strip so you can compare back without re-clicking.
Difference from the Color Extractor
The Color Extractor returns the dominant palette of the whole image. The Color Picker returns the exact value at one specific point. Use the Picker when you need a precise sample; use the Extractor when you need a palette overview.
Privacy
Everything runs in your browser. No file is uploaded.