🖼️ Image Tools
Sample an image pixel by pointer, keyboard, or exact coordinates and get HEX, RGB, and alpha values.
Sample colors from a browser-rendered JPEG, PNG, or WebP by clicking, tapping, using arrow keys, or entering preview coordinates. Copy the HEX value and inspect RGB, alpha, and pixel position.
Sample a pixel from a selected image and copy its color as HEX while inspecting RGB, alpha, and preview coordinates. Pointer, arrow-key, and exact X/Y controls all operate on the local rendered preview.
The selected image is decoded and processed in the browser. Keep the original until the downloaded output has been opened and checked on the target device.
Last reviewed for accuracy:
Scenario: A user clicks a blue pixel whose channels are red 51, green 102, and blue 204.
Result: The color is shown as rgb(51, 102, 204) and #3366CC.
Each decimal channel is converted to a two-digit hexadecimal pair and concatenated in red-green-blue order.
The browser decodes the image to canvas pixels. Pointer or keyboard coordinates are clamped to the preview bounds, and the selected pixel's red, green, blue, and alpha channels are read directly from the canvas.
Color management, image profiles, browser rendering, and preview scaling can influence displayed pixels, so this is best treated as a browser-rendered color sampler.
Yes. Focus the preview and use the arrow keys, or edit the labelled X and Y coordinate fields. Hold Shift while pressing an arrow for a 10-pixel step.
Anti-aliasing blends edge pixels with the background, so sample a flat interior area when you want the source fill color.