← ClaudeAtlas

color-opslisted

Color for developers - color spaces, accessibility contrast, palette generation, CSS color functions, design tokens, dark mode, and CVD simulation. Use for: color, colour, palette, contrast, accessibility, WCAG, APCA, OKLCH, OKLAB, HSL, color picker, color-mix, dark mode colors, design tokens, color system, color scale, color ramp, gradient, CVD, color blind, gamut, P3, sRGB, color naming, color harmony, color temperature, semantic colors.
0xDarkMatter/claude-mods · ★ 22 · AI & Automation · score 74
Install: claude install-skill 0xDarkMatter/claude-mods
# 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