IMAGE TOOL / 13

Pick a color.
Match it exactly.

Click any pixel to get its HEX, RGB, and HSL values for CSS, branding, or a design system. The image stays in this browser.

Choose an imageJPG, PNG, or WebP · then click the image

The first color is sampled from the top-left pixel. Click the preview to inspect any other point.

QUICK ANSWERS

Which color format should I use?

HEX is common in CSS, RGB is useful for code and image APIs, and HSL is convenient when you need to adjust hue, saturation, or lightness.

Why does the color look slightly different?

Displays and color profiles can vary. Use the sampled value as a practical starting point, then compare it in the final design.

Pick a color.Match it exactly.