Under the hood
For the color experts: OKLCH, the ramps, the trade-offs and the math behind them.
- Why OKLCH?Every hue looks evenly matched at each stop, so you can swap families without rechecking contrast.
- How the ramps are builtThe lightness and chroma behind every stop, so any hue you pick gives the same contrast.
- What does equal lightness cost?What equal contrast costs, from quieter reds to olive yellows, and what you can do about each.
- How do other color systems choose their colors?Compare how Material, Radix, Tailwind and others pick colors, and what each choice costs you.
- Fitting colors into Display P3Stay inside Display P3 without losing contrast: chroma drops, lightness holds.
- How colors land on exact stopsDerived colors land on exact stops, so you know their contrast before you run the app.
- How gradients blend and easeWhy plain gradients turn gray, how each blend travels between colors, and where easing puts them.