Every color tool, in one place
Fourteen tools for working with colour — and the thing that makes them one product rather than a drawer of calculators is that they share a working palette. Pick a colour anywhere and it is waiting in all of them.
Start with an image
Photographs, logos, screenshots — pick the exact pixel or take the whole palette.
Start with a color
You already have the colour. These are the places to take it next.
Check and understand
Measure a colour honestly before you ship it.
Build and preview
One palette, carried through scales, accessibility and a real interface.
Working palette
One palette that every tool reads and writes.Tonal scales
50–950 tonal scales, gamut-safe and exportable.UI preview
Your palette painted onto a believable interface.Accessibility studio
What each colour can do, and the nearest step that fixes it.Color system builder
Roles, states and token export: DTCG, SCSS and Tailwind.Play
Three games built on the same colour maths the tools use.
They hand off to each other
A colour takes eight steps from the image it came out of to the stylesheet it ends up in, and each of these is a page rather than a paragraph — open any of them and it is already holding the palette you built.
- Discover Find colours worth keeping.
- Extract Pull them out of an image.
- Build Assemble one working palette.
- Understand Convert, name and measure them.
- Fix Repair contrast that fails.
- Transform Harmonies, gradients, tonal scales.
- Preview See it on a real interface.
- Export The color system as tokens; CSS, Tailwind, JSON, SVG and PNG.
Where the palette lives
The working palette is stored in your own browser, on your device. It survives a reload, it is never uploaded, and one button clears it. Exactly four records are written, and the workspace page lists all four.
The maths behind it
Palette extraction, colour spaces and wide-gamut images, explained without a calculator in sight.