How to use it
Adjust the controls while checking the preview, then copy the code or download the image.
Pick any screen or image pixel under your pointer and copy its HEX, RGB, HSL, and HSV color codes.
Press the button, then click any pixel on your screen—even outside the browser.
Upload an image, move your pointer or tap a spot, then click to save that color.
Use the selected color as text or background and check the WCAG contrast ratio.
Can you read this text clearly?
Aa 123
CONTRAST RATIO
15.21:1
🔒 Images and picked colors are processed only in this browser and are never uploaded.
TOOL GUIDE
Content reviewed · 2026-07-28
Pick any screen or image pixel under your pointer and copy its HEX, RGB, HSL, and HSV color codes.
Adjust the controls while checking the preview, then copy the code or download the image.
Results can vary with the browser, operating system, display, and input device.
Inputs and files are processed in this browser and are not uploaded for the task.
A few tools that fit naturally with this task.