Color inspector
Copy common formats for the active color.
Color workspace
For building palettes I can actually ship.
A practical set of color tools for scales, tokens, contrast, quick inspection, accessible pairs, and calm gradients.
01 Choose
Start from a brand color, preset, or supporting shade.
02 Check
Review contrast, pairings, and real interface previews.
03 Copy
Export clean CSS or Tailwind tokens when it feels ready.
Start with one brand color. Add more when needed. Build even OKLCH scales, check contrast, and copy ready-to-use tokens.
Presets
The scale
Click any stop to copy. Badges show best text color and WCAG result.Small color tools
Fast checks for the selected palette.Accessible pairs
Text and background pairs from this scale that pass AA.
Gradient helper
Build a calm gradient from the active scale.
Tokens
Export the full palette in the format your project needs.Contrast checker
4.5:1 passes AA body. 3:1 passes large text. 7:1 passes AAA body.The quick brown fox
Body text at 16px. Useful contrast keeps real interfaces readable.
0.00: 1
Copied