Skip to content
SuiCool

Color Picker

Choose a point in an image or use the color picker to get color codes ready for your project.

Your selected image stays in this browser and is never sent to a server. The image itself is not stored.

Choose from image

Click the image to choose a color. With the keyboard, use the arrow keys to move and press Enter or Space to choose.

JPEG, PNG, WebP, GIF, or SVG up to 10 MB

Color palette

Strong contrast using the opposite hue

How to use

  1. 1

    Choose a color source

    Switch between selecting from an image and adjusting a color manually.

  2. 2

    Choose your color

    Click the image, or adjust the swatch and values to find the color you want.

  3. 3

    Copy the code

    Copy the HEX code, then check a palette or text readability if needed.

Things to know

How image colors appear

The tool samples the color displayed by your browser. Wide-gamut images may look different from the original editing environment.

Animated GIFs

The tool samples the frame displayed by your browser. Convert a specific frame to a still image before selecting from it.

Contrast with translucent colors

To check text readability, enter the final opaque color behind any translucent layer.

Frequently asked questions

Is my image sent to a server?

No. The image is loaded, sampled, and used to create palettes only in this browser.

Which image formats are supported?

JPEG, PNG, WebP, GIF, and SVG are supported. Files can be up to 10 MB and images up to 64 megapixels.

Can I choose a color with transparency?

Yes. Manual controls let you change opacity and view HEX with alpha and RGBA values.

Which palette formats can I save?

You can save palettes as PNG, CSS variables, SCSS, JSON, Adobe ASE, or plain text.

Where are my saved colors stored?

Favorite colors and palettes are stored in this browser on this device. The image itself is not stored.