🎨

Colour Palette

Generate shades, analogous, complementary, and triadic palettes.

Base colour

Colour Theory for UI Design

A well-chosen palette creates visual hierarchy and brand recognition. Use a primary colour for key actions, an analogous colour for secondary elements, and a complementary accent for highlights and calls to action.

Frequently Asked Questions

Related Tools

HEX ↔ RGB

Convert between HEX, RGB, and HSL colour formats instantly.

Contrast Checker

Check colour contrast ratio and WCAG accessibility compliance.

CSS Minifier

Minify CSS to reduce file size or prettify to improve readability.