Upload an image and click any pixel to get the exact hex, RGB, and HSL color code. Automatically extracts the 5 dominant colors as a palette. 100% private — your image never leaves your browser.
Discover our collection of free online tools for developers, designers, and power users
Advertisement
Drag and drop or click to browse
Accepts JPG, PNG, WebP, GIF, BMP, SVG
Advertisement
Advertisement
Designers matching brand colors, developers translating mockups to CSS, photographers building palettes — all need the same thing: the exact color code from a specific pixel. This tool gives you hex, RGB, and HSL values on a single click, plus an automatic dominant palette extraction from any image.
Drag and drop or click to upload any image — JPG, PNG, WebP, GIF. The image is rendered on an interactive canvas.
Move your cursor over the image to preview colors live. Click any pixel to lock that color and see full hex, RGB, and HSL values.
Click the copy button next to any color format to copy it to your clipboard. The palette shows 5 dominant colors automatically.
No. The image is drawn to an HTML Canvas element in your browser. All pixel reading happens locally using the Canvas API. Your image never leaves your device.
Hex (#ff6b35) is the most common and widely understood. Use RGB when you need transparency (rgba(255, 107, 53, 0.5)). Use HSL when you want to programmatically create lighter or darker variants — changing the L value is intuitive.
The tool samples pixels across the image, rounds their colors to reduce noise, and groups similar colors into clusters. The 5 most frequent clusters are shown as the dominant palette. It works best on images with distinct color regions like logos and illustrations.
Any image format your browser can display: JPG, PNG, WebP, GIF, BMP, and SVG. The tool reads the rendered pixels, so even animated GIFs work (using the first frame).