# Color Picker

> Color conversion, palette generation, contrast checking, and design utilities for HEX, RGB, and HSL formats

- Skill: `chainlesschain/color-picker` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add chainlesschain/color-picker`
- Raw SKILL.md: https://api.skillmd.com/api/skills/chainlesschain/color-picker/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: chainlesschain (https://skillmd.com/u/chainlesschain)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/chainlesschain/color-picker

---


# Color Picker

Color conversion, palette generation, and WCAG accessibility utilities.

## Features

| Action   | Command                                     | Description                                      |
| -------- | ------------------------------------------- | ------------------------------------------------ |
| Convert  | `--convert <color>`                         | Convert between HEX, RGB, and HSL formats        |
| Palette  | `--palette <color> [--type <harmony>]`      | Generate color harmonies (default complementary) |
| Contrast | `--contrast <color1> <color2>`              | WCAG contrast ratio with AA/AAA pass/fail        |
| Lighten  | `--lighten <color> [--amount <percent>]`    | Lighten color by percentage (default 20%)        |
| Darken   | `--darken <color> [--amount <percent>]`     | Darken color by percentage (default 20%)         |
| Mix      | `--mix <color1> <color2> [--ratio <0-100>]` | Mix two colors (default 50%)                     |
| Random   | `--random [--count <n>]`                    | Generate random colors (default 1)               |
| Named    | `--named <name>`                            | Look up from 140 CSS named colors                |

## Palette Types

| Type          | Description                       | Colors |
| ------------- | --------------------------------- | ------ |
| complementary | Opposite on color wheel           | 2      |
| analogous     | Adjacent hues (30 degrees apart)  | 3      |
| triadic       | Evenly spaced (120 degrees apart) | 3      |
| split         | Split-complementary               | 3      |
| tetradic      | Four evenly spaced (90 degrees)   | 4      |