Leaderboard/Design/oklch-skill
Last commit on April 6, 2026·Created on March 31, 2026

jakubkrehel/oklch-skill

Brings perceptual color to CSS projects where every hue stays stable.
Combined rank
#416
across all skills
In Design
#37
category rank
Stars
218
+17.2% in last 7d
Forks
8
+33.3% in last 7d
Watchers
0
0 watchers in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
Description

This skill works with the OKLCH color space, a perceptually uniform model where lightness and chroma behave predictably across hues. It converts hex, rgb, and hsl to oklch, generates consistent palettes and dark mode scales, checks APCA and WCAG contrast with lightness-based fixes, handles gamut clamping for sRGB and P3, and integrates with Tailwind v4's @theme. It helps web developers and designers build color systems that avoid hue drift, failing contrast, and broken fallbacks.

WHO IT'S FOR
Front-end developers / UI engineers
converting hex/rgb/hsl to oklch
UI/UX designers
designing oklch color systems and dark palettes
Accessibility specialists
fixing contrast with APCA and WCAG
Design system / Tailwind CSS engineers
migrating Tailwind tokens to oklch
30 Days of GitHub Stars
32 30d stars
↑ 17.2% monthly change
Jul 16Jul 23Jul 30Aug 6Aug 14
Compatibility & Install
1 Skill · 3 Compatible agents · 2 categories · 1 install path
Compatible agents
Claude CodeCodexCursor
Categories
DesignDeveloper Tooling
Install via