Pick colors from any image and get color codes instantly
Click or drag and drop your image here
Click anywhere on the image to pick colors
Use this tool when you need the exact color from a screenshot, photo, logo, or UI mockup. It’s best for grabbing HEX/RGB/HSL values for CSS, design systems, or brand guidelines. Limitation: JPG photos can have compression noise—neighboring pixels may differ slightly, so click a few nearby spots to confirm the color you want.
Input
logo.png Click the main color area
Output
HEX: #10B981 RGB/HSL shown too
Input
dashboard-screenshot.jpg Click a button background
Output
HEX/RGB/HSL codes Copy into CSS variables
Upload a screenshot or photo, click anywhere on it, and instantly copy HEX, RGB, or HSL codes.
Click “Choose Image” (or drag-and-drop) to load your picture into the canvas.
Move your cursor over the image and click any pixel to capture its exact color.
Use the Copy buttons to grab the format you need for CSS, design tools, or brand docs.
Runs locally in your browser — your image isn’t uploaded.