OKLCH
The color model used in ColorBread
ColorBread uses the OKLCH color model to generate colors.
OKLCH is a modern color model that is closer to how people actually perceive color.
This makes it more suitable for generating natural, balanced color scales.
Limits of traditional color models
Many design tools rely on color models such as:
RGB
HSL
These models work well for display, but they are less reliable when building color scales.
For example, when making a color lighter or darker, the result may shift in ways that feel uneven or difficult to predict.
The structure of OKLCH
OKLCH is made up of three components:
L — Lightness
The perceived brightness of the color.
C — Chroma
The intensity or saturation of the color.
H — Hue
The color angle itself.
By adjusting these three values, ColorBread can generate more controlled and predictable palettes.
Why OKLCH works well
Using OKLCH makes it easier to achieve:
- More natural color transitions
- Better-balanced palettes
- More predictable color adjustments
- Color structures that work well in design systems
OKLCH in ColorBread
ColorBread analyzes the Base Color in OKLCH space and uses that information to generate the palette.
This leads to:
- Smoother color steps
- More consistent lightness changes
- More stable and usable color scales