Triadic color scheme
Three colours evenly spaced on the wheel, for lively balanced palettes.
Palette
Three hues, 120° apart.
Click a colour to copy it. Press Space for a new palette.
Export
:root {
--palette-1: #1e90ff;
--palette-2: #ec516e;
--palette-3: #5fa600;
}- 1Pick a base colour or press Space.
- 2Choose a scheme, lock what you like.
- 3Export as CSS, JSON or an image.
- Good to know
- Let one colour lead and use the other two sparingly.
- Where are my colours and images worked on?
- In your browser, on your device. Colours you type and images you open stay with you.
- Does it work offline?
- Yes. Once this page has loaded, it keeps working without an internet connection.
Related tasks
Ready-made settings for common jobs.
Other tools
More tools for working with colour.