oklch-color-space
OfficialMaster color selection with OKLCH, the design token workhorses.
Authorthrillmade
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps designers and developers pick and compose color values with precision and consistency, adhering to accessibility standards and design systems.
Core Features & Use Cases
- OKLCH Color Space: Names OKLCH ranges, hue-angle naming, gamut mapping rules, and inverse-composition for guaranteed contrast.
- Contrast Target Composing: Generates colors that meet specific APCA Lc targets.
- Use Case: When creating a design-token system that requires a color to be paired with a known background at a specific contrast level.
Quick Start
Use the oklch-color-space skill to generate a foreground color that meets the contrast target Lc 75 against a near-white background at hue 220.
Dependency Matrix
Required Modules
apcach
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: oklch-color-space Download link: https://github.com/thrillmade/agent-skills/archive/main.zip#oklch-color-space Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.