Skip to content

Image color picker: get colors from any image

Upload a photo, a logo or a screenshot and get its color palette instantly, with HEX, RGB, HSL and OKLCH codes ready to copy. Everything happens in your browser.

Or drag and drop it here

The file must be JPEG, PNG, WebP or SVG and up to 40 MB

No image at hand? Try an example:

Color mood

Upload an image to extract colors

How to extract a color palette from an image

The image color picker analyzes any photo and automatically extracts the colors that appear most often, generating a palette ready for your projects. It is the fastest way to turn a photograph, a screenshot or a brand logo into a usable set of colors.

Unlike the color picker, built for when you already know the exact color you need, or the color wheel, built to explore harmonies from scratch, this tool starts from a real image: yours, a client's, or any visual reference you want to turn into a palette.

Upload an image from your device. The tool analyzes it in your own browser, nothing is uploaded to a server, and returns the dominant colors in Hex, RGB, HSL and OKLCH, ready to copy or export. From the main color you can also generate harmonies, tonal variations and check accessibility contrast, just like with the rest of Matizly tools.

It is useful whenever you want to start from a real image: keeping consistency from a product photo, building a palette from a reference image, or simply recreating a color combination you have seen in a photo.

How it works

  1. 1. Upload an image

    Drag a photo, a screenshot or a logo into the box, or click “Upload your image”. JPEG, PNG, WebP and SVG up to 40 MB, also from your phone gallery or camera.

  2. 2. Choose the palette style

    With the color mood option you decide which colors to favor: vibrant, bright, muted, deep or dark. You can change the number of colors and move the dots on the image.

  3. 3. Copy or export

    Copy each code as HEX, RGB, HSL or OKLCH, export the palette to CSS, Tailwind or Figma, or open it in the color wheel to keep adjusting it.

What extracting colors from an image is for

  • Brand palette from a logo

    Get the exact colors of a logo to use them consistently on the web, on social media or in print.

  • Websites that match your photos

    Pull the tones of a product or hero photo and use them in buttons, backgrounds and text.

  • Inspiration from photos and artworks

    Turn a landscape, a painting or an illustration you like into a palette ready for your designs.

  • Consistent social media

    Keep the same color mood across all your posts, starting from a reference image.

Your image never leaves your browser

The analysis runs on your own device: the image is not uploaded to any server and we do not store it. You can use private photos or client material with peace of mind.

That is also why it is fast: there is no upload to wait for and no server processing.

Frequently asked questions

Upload an image from your device. The tool analyzes the image automatically and builds a palette of dominant colors, showing each code in Hex, RGB, HSL and OKLCH.

No. All analysis happens directly in your browser. Your image is not sent to or stored on any server.

By default it builds a palette with the most representative colors from the image. You can adjust the number of extracted colors to get a simpler or more detailed palette.

You can upload PNG, JPG, WEBP or SVG files from your device. If an SVG contains embedded HTML, that part is ignored and its shapes and colors are analyzed.

Yes. Once the palette is extracted, you can select any color as a base and automatically generate analogous, complementary, triadic and other schemes.

It helps you build a palette from a product photo, recreate the combination from a reference image, or build a coherent set of colors from existing visual material.

Move any of the dots on the image to the area you want: the color updates instantly with its HEX, RGB, HSL and OKLCH code.

Yes. Upload the logo as SVG or as a high-resolution PNG, and set the number of colors to match the logo.

Yes. Pick a photo from your gallery or take one with the camera and extract its colors just like on a computer.

Related tools