Question 1

How do I extract colours from an image?

Accepted Answer

Upload your image and this tool analyses every pixel using a colour quantisation algorithm to find the most representative colours. It groups similar shades together and returns the dominant colours — giving you accurate hex, RGB and HSL values for each one.

Question 2

How do I generate a colour palette from a photo?

Accepted Answer

Drop any photograph onto the tool above. Choose between 5, 8 or 10 colours and select a palette style — Dominant gives the most common colours, Vibrant selects saturated ones, Muted favours desaturated tones, Light picks the palest shades, and Dark picks the deepest.

Question 3

What is a hex colour code?

Accepted Answer

A hex colour code is a 6-character code preceded by # that represents a colour in RGB — for example #f26b3b is orange. The first two characters are the red value, the middle two are green, and the last two are blue, all in hexadecimal (base 16).

Question 4

How do I find the dominant colour in an image?

Accepted Answer

The dominant colour is the most frequently occurring colour in the image after grouping similar shades. This tool shows the dominant colour at the top with its exact hex, RGB and HSL values — useful for matching brand colours or creating complementary palettes.

Question 5

How do I export a colour palette to CSS?

Accepted Answer

Click the CSS Variables export button to download a .css file with your palette as custom properties (--color-1 through --color-n). You can paste these directly into your stylesheet and reference them anywhere in your CSS.

Colour Picker and Palette Generator

Frequently asked questions