29 A picture, distilled.
Find the colors already working.
Pull a useful palette from an image and copy it as HEX, RGB or CSS variables.
IMAGE TOOL
A little row of good colors.
Prioritizes the colors that cover the largest areas of the image.
Colors are sampled from a small local canvas. The original image never leaves this device.
A LITTLE MORE DETAIL
Turn a picture into colors you can use.
Choose frequent representative colors or a balanced mood palette with useful accents. The original image never leaves your device.
How it works
- 01
Choose a JPG, PNG or WebP image.
- 02
Choose representative colors or a mood palette, then pick two to ten colors.
- 03
Copy one HEX value, CSS variables or JSON.
Questions, answered.
What is the difference between the two styles?
Representative colors prioritize the largest areas. Mood palette also considers colorfulness and perceptual distance so smaller accent colors have a better chance to appear.
Are these exact brand colors?
They are sampled colors. For formal brand work, verify them against the original design values.
Are transparent pixels counted?
Mostly transparent pixels are ignored.
Does the image upload?
No. Sampling happens in a small canvas on your device.