color-ops

Solid

Color for developers: color spaces, accessibility contrast, palette generation, CSS color functions, design tokens, dark mode. Triggers on: color, palette, contrast, WCAG, APCA, OKLCH, color-mix, dark mode colors, design tokens, CVD, color blind, P3, sRGB.

AI & Automation 42 stars 7 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%

Recency 20%

Frontmatter 20%

Documentation 15%

100

Issue Health 10%

License 10%

100

Description 5%

100

Skill Content

# Color Operations Practical color knowledge for developers and designers. Covers color spaces, accessibility, palette generation, CSS implementation, and design token architecture. > Inspired by [meodai/skill.color-expert](https://github.com/meodai/skill.color-expert) - a comprehensive 286K-word color science knowledge base with 113 reference files. This is a lightweight operational skill for everyday frontend and design work. For deep color science (spectral mixing, historical color theory, CAM16, pigment physics), install the full skill. ## Color Space Decision Table Pick the right space for the task. This is the single most impactful color decision you'll make. | Task | Use | Why | |------|-----|-----| | Perceptual color manipulation | **OKLCH** | Best uniformity for lightness, chroma, hue | | CSS gradients & palettes | **OKLCH** or `color-mix(in oklab)` | No mid-gradient grey/brown deadzone | | Gamut-aware color picking | **OKHSL / OKHSV** | Cylindrical like HSL but perceptually grounded | | Normalized saturation (0-100%) | **HSLuv** | CIELUV chroma normalized per hue/lightness | | Print workflows | **CIELAB D50** | ICC standard illuminant | | Screen workflows | **OKLAB** | D65 standard, perceptually uniform | | Color difference (precision) | **CIEDE2000** | Gold standard perceptual distance metric | | Color difference (fast) | **Euclidean in OKLAB** | Good enough for most applications | | Quick prototyping | **HSL** | Simple, fast, every tool supports it | ### Why...

Details

Author: 0xDarkMatter
Repository: 0xDarkMatter/claude-mods
Created: 10 months ago
Last Updated: 1 weeks ago
Language: Shell
License: MIT

Integrates with

Anthropic · AI

Bundled in these plugins

claude-mods

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

color-expert

Use when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge - palettes, ramps, gradients, conversions, accessibility, perceptual matching, pigment mixing, print-vs-screen color, CSS color syntax, or historical color terminology. Use this skill whenever the user is choosing, comparing, generating, naming, converting, or explaining colors, even if they do not explicitly ask for "color theory."

594 Updated 2 days ago

meodai

Web & Frontend Listed

better-colors

OKLCH color space and color usage for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, theme with Tailwind v4, and apply color with meaning. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, semantic color tokens, hue drift, chroma, dark mode colors, accent color, color meaning, light and dark appearance, increased contrast.

1 Updated 1 weeks ago

SkotAlexsander

Web & Frontend Listed

color-expert

286K words of color science applied to UI/UX design. Covers OKLCH/OKLAB color spaces, palette generation, accessibility contrast ratios, color naming, pigment mixing, and historical color theory. By meodai, creator of color-names.

8 Updated 3 weeks ago

podo