Home

Color Playground

Using @ch-ui/colors for perceptually uniform color palette generation

Color angle (0=red, 120=green, 240=blue)
Key color lightness (0 = black, 1 = white)
Colorfulness/saturation intensity
Dark curve control (1 = straight)
Light curve control (1 = straight)
Hue rotation to prevent color shifts
Color space for output values

Palette

50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950

Palette Details

Gamut: p3 | Shades: 19

50
color(display-p3 0.89422 0.93123 1)

L=0.95

100
color(display-p3 0.80811 0.86235 1)

L=0.90

150
color(display-p3 0.72297 0.79238 1)

L=0.85

200
color(display-p3 0.63899 0.72078 1)

L=0.80

250
color(display-p3 0.5564 0.64667 1)

L=0.75

300
color(display-p3 0.47581 0.56874 1)

L=0.70

350
color(display-p3 0.39804 0.48463 1)

L=0.65

400
color(display-p3 0.32465 0.38971 1)

L=0.60

450
color(display-p3 0.25863 0.27176 1)

L=0.55

500
color(display-p3 0.20531 0.03381 1)

L=0.50

550
color(display-p3 0.17051 0 0.9645)

L=0.45

600
color(display-p3 0.13981 0 0.82997)

L=0.40

650
color(display-p3 0.11 0 0.69939)

L=0.35

700
color(display-p3 0.08124 0 0.5733)

L=0.30

750
color(display-p3 0.0537 0 0.45199)

L=0.25

800
color(display-p3 0.02861 0 0.33618)

L=0.20

850
color(display-p3 0.01245 0 0.2269)

L=0.15

900
color(display-p3 0.00408 0 0.12549)

L=0.10

950
color(display-p3 0.00084 0 0.03439)

L=0.05