Design Generators

The Design generators category provides colour and visual asset generation for designers, developers, and anyone who needs a coherent visual starting point without specialist design training. The tools apply colour theory rules algorithmically to produce palettes and values that are immediately usable in CSS, design software, and brand guidelines.

Colour theory made accessible

Choosing colours that work together visually is a skill that takes years to develop. Colour theory gives us mathematical shortcuts — complementary, analogous, triadic, and other harmonic relationships that produce visually balanced results. The Colour Palette Generator automates these calculations: give it one colour, choose a relationship type, and receive a coherent palette that follows the same rules professional designers apply manually.

Hex colour generation

The Hex Color Generator produces individual hex codes with their RGB and HSL equivalents — useful when you need a specific colour representation format for CSS, a design token, a Tailwind config, or a design software fill. It supports random generation (for exploration) and specified-value lookup (for format conversion between hex, RGB, and HSL).

For developers building UI

Developers frequently need colours for component states — hover, active, disabled, background, border — derived from a single brand colour. The palette generator's shade and tint outputs give you the full range of light-to-dark variants from one colour, directly usable as Tailwind custom colours or CSS custom properties.

Privacy

All colour generation runs in your browser. Nothing is transmitted or stored.