Color Scale Generator
Import
Export
Export DTCG JSON
Colors
Surfaces
Light Background
Hex
H
0
S
0%
L
98%
Dark Background
Hex
H
0
S
0%
L
20%
Blend mode
Alpha Composite
OKLCH Interpolation
Hue shift
25%
Between each pair of adjacent swatches:
WCAG ratio
is the luminance contrast ratio (
<1.2
low,
1.2–1.5
moderate,
≥1.5
good).
ΔE
is the perceptual distance in OKLAB — higher means more visually distinct.
+ Add Color
+ Add Surface
Copied!