Agent Skills: Color Master

Convert colors between formats (HEX, RGB, HSL, CMYK, LAB, LCH, oklch, ANSI), generate color harmonies (complementary, triadic, analogous), check accessibility (WCAG contrast), and simulate color blindness. Use when working with colors, design systems, CSS themes.

UncategorizedID: bolasblack/claude-skills/color-master

Install this agent skill to your local

pnpm dlx add-skill https://github.com/bolasblack/claude-skills/tree/HEAD/skills/color-master

Skill Files

Browse the full folder contents for color-master.

Download Skill

Loading file tree…

skills/color-master/SKILL.md

Skill Metadata

Name
color-master
Description
Convert colors between formats (HEX, RGB, HSL, CMYK, LAB, LCH, oklch, ANSI), generate color harmonies (complementary, triadic, analogous), check accessibility (WCAG contrast), and simulate color blindness. Use when working with colors, design systems, CSS themes.

Color Master

Color conversion, harmony generation, and accessibility checking.

Setup

cd <color-master skill directory> && bun install

Usage

cd <color-master skill directory> && bun run scripts/color.ts <command> <args>

Commands

convert - Convert to all formats

bun run scripts/color.ts convert "#f7931a"
bun run scripts/color.ts convert "oklch(0.75 0.16 55)"

harmony - Generate color harmonies

Types: complementary, triadic, analogous, split-complementary, tetradic, monochromatic

bun run scripts/color.ts harmony "#f7931a" triadic

tints / shades / palette - Generate variations

bun run scripts/color.ts tints "#f7931a" 5      # lighter
bun run scripts/color.ts shades "#f7931a" 5     # darker
bun run scripts/color.ts palette "#f7931a" 10   # full range

contrast - WCAG accessibility check

bun run scripts/color.ts contrast "#f7931a" "#ffffff"

Returns contrast ratio and WCAG AA/AAA pass/fail status.

colorblind - Color blindness simulation

bun run scripts/color.ts colorblind "#f7931a"

Simulates: protanopia, deuteranopia, tritanopia, achromatopsia.

preview / batch-preview - Terminal preview

bun run scripts/color.ts preview "#f7931a"
bun run scripts/color.ts batch-preview "#f7931a" "#3b82f6" "oklch(0.5 0.2 30)"
bun run scripts/color.ts batch-preview --types=hex,rgb,oklch "#f7931a" "#3b82f6"

terminfo - Detect terminal color capability

bun run scripts/color.ts terminfo

Supported Formats

HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB, LCH, oklch, oklab, ANSI 16/256.

See references/formats.md for full format details and ANSI color names.