Color Picker

R
G
B
A
from Image

About Color Picker

Pick exact colors from any image. Upload, drop or paste a screenshot or design, hover to see a zoomed pixel view, and click to grab the color as HEX, RGB(A) and HSL(A).

You can also fine-tune any color with RGBA sliders or type a HEX value directly. Images are processed locally and never uploaded.

How to use

  1. Load an image by choosing a file, dropping it, or pasting from the clipboard.
  2. Hover over the image to inspect pixels in the magnifier, and click to pick a color.
  3. Adjust with the R, G, B and A sliders, then click a value to copy it.

FAQ

What is the difference between HEX, RGB and HSL?

They describe the same color differently: HEX (#ff8800) and RGB (rgb(255, 136, 0)) specify red, green and blue channels, while HSL (hsl(32, 100%, 50%)) uses hue, saturation and lightness, which is easier to adjust by hand.

What is the 8-digit HEX value?

The last two digits encode alpha (opacity), e.g. #ff880080 is about 50% transparent. It is supported in all modern browsers.

Why does the picked color differ slightly from the design tool?

Screenshots and image compression (especially JPEG) can change pixel values, and different color profiles can shift colors slightly. Use a lossless PNG for exact values.