FOR WEB DEVELOPERS

Color Picker

Pick a color from your screen or from an image, then copy its HEX, RGB, HSL and OKLCH values. Free, in your browser.

Code stays on your device

1 Pick a color

Processed in your browser. Nothing is uploaded.
THREE SMALL STEPS

How to pick a color from an image or your screen

  1. 01

    Choose a source

    Use the color wheel, the screen eyedropper where your browser supports it, or open a JPEG, PNG, WebP or GIF image.

  2. 02

    Pick the exact pixel

    Click a point on the image. The color is read from the full-resolution image, not from the smaller preview.

  3. 03

    Copy the values

    Copy the color in the format you need. Your last eight picks stay in the list while the page is open.

BEFORE YOU START

Good to know

Screen eyedropper support

Chrome, Edge and Opera on desktop can pick from anywhere on the screen. In Safari and Firefox, open a screenshot or an image instead.

Images stay private

The image is opened in your browser for picking and is never uploaded.

Pick brand colors from the source

Colors on screen pass through display color management. For exact brand colors, pick from the original image file.

QUESTIONS

Frequently asked questions

How do I find the HEX color of a pixel in an image?

Upload the image and select the pixel you want to inspect. Copy its HEX value or another displayed color representation. Picking from an uploaded image works independently of whether your browser supports the screen eyedropper.

How do I get a color from a website?

In Chrome or Edge, select “Pick a color from the screen” and click the color. In other browsers, take a screenshot and open it here.

Why does the eyedropper button not appear?

Your browser does not support picking from the screen. Opening an image works in every modern browser.

Can I pick transparent pixels?

Yes. For a partly transparent pixel in a PNG, WebP or GIF, the HEX value includes the transparency as two extra digits.