Skills
.Work. You
Rest

oklch-skill

Community

Convert colors to OKLCH and tame web palettes.

Design & Creative#web-design#design-tokens#oklch#tailwind-v4#contrast-check#palette-generation#color-conversion
Authormikker
Version1.0.0
Installs0

System Documentation

What problem does it solve?

OKLCH color space provides perceptual uniformity for color work in web design, enabling precise conversions, stable palettes, and reliable contrast.

Core Features & Use Cases

  • Convert hex/rgb/hsl inputs to oklch values to drive design tokens and UI theming.
  • Generate lightness-ordered palettes across multiple hues with perceptual uniformity.
  • Check contrast and hue stability for accessible theming, dark mode, and Tailwind v4 integration.
  • Build Tailwind-compatible design tokens and tokens for dark mode using oklch-based scales.

Quick Start

Convert a color value to OKLCH and generate a Tailwind v4-ready palette.

Dependency Matrix

Required Modules

None required

Components

references

💻 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-skill
Download link: https://github.com/mikker/dotfiles/archive/main.zip#oklch-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.