ImageColor Picker

Hover anywhere on the picture and a small chip shows the color under your pointer. Click to add it to your picked colors, where you can copy it as HEX or RGB. Your last eight picks stay in the list, so you can grab a few and compare.

Photos have grain, shadows and compression, so two pixels side by side are often a little different. For a logo or brand color, click in the middle of a flat area, not on an edge where colors blend.

The tool shrinks a copy of your image to about 10,000 pixels and groups similar colors with k-means clustering, a common method that finds the six colors that best stand for the whole picture. Each swatch shows its share of the image, biggest first.

It always starts from the same points, so the same image gives the same palette every time. Very small details, like a red logo on a big blue sky, may not get their own swatch. Use the picker for those.

Before you use a color for text, check it against its background with a contrast checker. Soft colors from photos often look lovely as backgrounds but are too light for body text.

• Match your profile, link page and highlights to a favorite photo.
• Pull brand colors from a product shot or packaging.
• Pick text and button colors that suit a header image.
• Recreate a mood board's colors in Canva or Figma.

Everything happens in your browser. The image is drawn on a canvas on your device and is never uploaded, so you can safely use client work, unreleased products or personal photos.

A good small palette has one main color, one or two supporting colors, a light background and a dark color for text. Start with the biggest swatches from your photo, then adjust them: photo colors are often a little dull, so you may want to raise the saturation slightly for buttons and links.

Copy the CSS variables to drop the palette straight into a stylesheet, or paste the HEX codes into Canva's brand kit or Figma's color styles. Write the codes down somewhere safe so every post, page and print job uses the same colors.