Command·Color skills·2 skills · pinned·UI044

/oklch-skill

Converts colors to OKLCH, a color system, then builds color scales and dark mode, fixes text that is hard to read against its background, and writes Tailwind v4 color settings.

Example

/oklch-skill build a 10-step scale from the brand accent

Two color specialists. oklch-skill is short and practical; color-expert is a deep reference of about 200 files on color science and contrast.

Skip it when: Choosing a brand's mood from scratch. Start with Impeccable colorize or a studio, then fine-tune here.
Best for: Building a palette scale, dark mode, fixing contrast, and Tailwind v4 color tokens (named color settings).
Changes: Changes code

Skills it uses

oklch-skillOKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.design-kit·Jakub Krehel