OKLCH Color Scale Plotter

This little tool plots colors on two planes: LC and LH. It may be useful for visualizing color scales.

Lightness (0–100%)

Chroma (0–0.4)

Lightness (0–100%)

Hue (0–360°)

Colors--yellow-50: #fefce8; --yellow-100: #fef9c3; --yellow-200: #fef08a; --yellow-300: #fde047; --yellow-400: #facc15; --yellow-500: #eab308; --yellow-600: #ca8a04; --yellow-700: #a16207; --yellow-800: #854d0e; --yellow-900: #713f12; --yellow-950: #422006;

Select a preset

Name	Hex	Lightness	Chroma	Hue