Kit

Design

Brand Color Extractor

Pull a dominant-colour palette from any image, locally in your browser.

Runs entirely in your browser. Nothing is uploaded.

How to use

  1. Click the drop area or drag in a JPG or PNG, a logo, a frame grab or a reference image.
  2. The tool reads the image on your device and pulls out the most common colours.
  3. Set how many colours you want with the slider, from three up to ten.
  4. Copy any hex value, or copy the whole palette at once to paste into your design tool.

Examples

  • Drop a brand logo and the extractor returns its core colours as clean hex codes, ready for a style guide or a lower-third.
  • Pull a palette from a film still to match graphics or a colour grade to the look of a scene.
  • Feed it a moodboard image and the percentage next to each swatch shows which colours dominate the frame.

Frequently asked questions

Is my image uploaded?

No. The image is read with a canvas in your own browser and never leaves your device. Nothing is uploaded.

Why monochrome chrome but colourful swatches?

The tool itself follows the Kit house style, white and grey on near-black. The colours it shows are your image data, the whole point of the tool, so those are the only colour on the page.

How are the colours chosen?

It groups similar pixels, counts how common each group is, and merges near-duplicates so you get distinct, representative colours rather than ten shades of the same one.