Quick guide
How to pick a color from an image
- Add your image. Choose a file, drag it onto the picker, or paste an image.
- Choose a pixel. Click or tap the exact spot whose color you want.
- Copy the value. Use the copy button beside HEX, RGB, or HSL.
HEX, RGB, and HSL color formats
HEX is a compact six-digit color code commonly used in HTML and CSS, such as #146BC1.
RGB describes the amount of red, green, and blue in a color, each from 0 to 255.
HSL expresses a color through hue, saturation, and lightness, which can be easier to adjust by eye.
How image color sampling works
When you select a point, ToolQuill maps that position to the original canvas pixel and reads its red, green, and blue channels. It then calculates matching HEX and HSL values—entirely in your browser.
Your image remains private
The file is decoded and analyzed locally by your browser. ToolQuill does not upload your image to a server or send it to a third party. Resetting the tool removes the image from the working canvas.
Common uses
- Matching brand colors from an existing asset
- Finding a HEX code in a screenshot
- Choosing CSS colors during web development
- Recreating palettes for digital art and design
Frequently asked questions
Does the image color picker upload my image?
No. Your image is read with browser APIs and stays on your device. There is no image-upload request to ToolQuill or another service.
Why can nearby pixels have different colors?
Photos and anti-aliased graphics contain subtle pixel-level variations. Use the magnified preview and arrow keys to move precisely between neighboring pixels.
Can I use the picker on a phone or tablet?
Yes. Upload or paste where supported, then tap the image. The displayed image scales to the screen while sampling remains aligned to its canvas pixels.