Free colour palette generator

The image is processed in your browser. The tool samples pixels, groups similar colours and suggests five common colour groups. Choose up to three for the palette. Transparent, near-white and near-black pixels are excluded, so the result is a useful selection rather than a complete inventory of the image.

They describe hue positions in HSL. This tool uses 180° for complementary, ±30° for analogous, 120° intervals for triadic, and +150°/+210° for split-complementary. Those rotations describe hue relationships. You still need to judge contrast, accessibility, brand fit, and each color's role in the interface.

There is no universal number. This tool supports one to three core colors because that is enough to explore a primary, secondary, and optional tertiary relationship. A production system needs additional semantic roles for text, surfaces, borders, actions, focus, success, warning, and error. Those roles can reuse derived values; they do not each need a new core hue.

HEX and RGB encode red, green, and blue channel values in different notation. HSL describes hue, saturation, and lightness, which is the model this generator uses for hue rotations and derived shades. The interface shows HEX values; the JSON export also includes RGB and HSL data for each generated color.

The generator does not make that determination. Test each intended foreground/background pair with the Color Contrast Checker: WCAG 2.2 Level AA requires 4.5:1 for normal text and 3:1 for large text. Necessary active-control indicators and meaningful graphics have a separate 3:1 requirement. Also add a visible cue beyond color anywhere hue communicates meaning.

The CSS export includes core colors and light/dark surfaces; its optional shade toggle adds a 50–900 ramp for the primary color. The Tailwind export produces a JavaScript theme extension with 50–900 ramps for primary and secondary. JSON includes the full palette object with HEX, RGB, and HSL values. Review names and theme structure before placing any export in a production codebase.

It is rule-based. Random mode chooses a base color and applies the selected HSL hue relationship. Manual mode derives secondary and tertiary suggestions from the values you enter, and image mode groups sampled RGB values. Random generation varies on each run, but no AI model chooses or evaluates the colors.

Yes. Lock a colour to preserve it when you generate again. Other unlocked colours can change. Unlock it when you want the generator to replace it too.