Private canvas
Choose an image, then pick a pixel
Built-in sample palette
Pixel 160, 135 You can also paste an image from your clipboard
Free browser design tool
Free Image Color Picker
An image color picker reads the exact color of any pixel in a photo, screenshot, or graphic. Upload or paste an image, tap a point, and copy its HEX, RGB, HSL, or OKLCH value without sending the file anywhere.
Exact source pixels Runs locally Touch and keyboard friendly No signup
How to pick a color from an image
- 1Add an imageUpload, drag and drop, or paste a PNG, JPEG, WebP, GIF, or AVIF image. You can also use the built-in sample.
- 2Pick a pixelClick or tap any point in the preview. Keyboard users can focus the canvas and move with the arrow keys.
- 3Choose a formatRead the same source pixel as HEX, RGB, HSL, or OKLCH without changing the image.
- 4Copy your paletteCopy individual values and revisit up to eight recent colors in the palette history.
Pixel-accurate sampling
Responsive scaling never changes the source coordinate or the exact sRGB channel values you select.
Four useful formats
Use familiar HEX and RGB, designer-friendly HSL, or perceptual OKLCH from the same pixel.
Private by design
Canvas processing happens inside your browser. There is no upload, remote analysis, or stored image.
Image color picker FAQ
What is an image color picker?
An image color picker reads the exact color of a pixel you select in a photo, screenshot, or graphic and converts it into reusable color codes such as HEX, RGB, HSL, and OKLCH.
How do I find a HEX color from an image?
Upload or paste the image, then click or tap the pixel you want. The matching HEX value appears immediately and can be copied with one button.
Does resizing the preview change the sampled color?
No. Tornic maps your pointer back to the original image coordinates and reads that source pixel, even when the preview is scaled for a phone or small screen.
What is the difference between HEX, RGB, HSL, and OKLCH?
HEX and RGB encode sRGB channel values, HSL describes hue, saturation, and lightness, and OKLCH is a perceptual color space designed for more predictable lightness and color adjustments.
Is my image uploaded to Tornic?
No. Image decoding, pixel sampling, color conversion, history, and copying all run locally in your browser. The image never leaves your device.
Build repeatable systems
Turn routine work into deterministic Tornic workflows
Tornic orchestrates multi-step workflows through the AI coding CLIs you already use.
Explore Tornic