/oklch-skill
An agent skill that helps you use OKLCH colors in your project.
Generate new palettes, convert colors, check contrast, handle gamut boundaries & more.
oklch
oklch
oklch
oklch
hsl
hsl
hsl
hsl
Lightness50%
After installation, run /oklch-skill to get started.
jakub@jakub's-macbook-pro.local~
→ oklch.fyi git:(main) ✗ claude
Claude Code v2.1.162Opus 4.8 (1M context) · Claude Max~/Developer/oklch.fyi
>/oklch-skill
/oklch-skillOKLCH is a perceptually uniform color space where the numbers actually mean what you think they mean. Most color problems in CSS — broken palettes, failing contrast, hue drift — come from using color spaces that don't match how we see. OKLCH fixes the model so the tools work. To explore interactively, visit oklch.fyi.
You can pick from multiple actions including converting colors, generating palettes, checking contrast, gamut clamping, setting up fallbacks and more.
/oklch-skill
You can ask any follow up questions about OKLCH and the agent will help answer them.
After the skill runs you get a comprehensive summary of the changes made.
