OKLCH Color Workflow

Use this skill to reason about color manually first, then convert precisely with @texel/color.

Apply the Model Correctly

• Use oklch(L C H).
• Treat L as perceived lightness (0..1 or 0%..100%).
• Treat C as chroma (intensity).
• Treat H as hue angle in degrees (0..360).
• Keep L fixed across multiple hues to keep UI colors visually balanced.
• Change L (not H) to build shade ramps with less hue drift.

Handle Gamut and Chroma Safely