Generate Color Palette

/job/.pi/skills/color-picker/color.js palette "<color>" --scheme complementary

Mix Colors

/job/.pi/skills/color-picker/color.js mix "#FF0000" "#0000FF" --ratio 50

Get Color Info

/job/.pi/skills/color-picker/color.js info "<color>"

Random Color

/job/.pi/skills/color-picker/color.js random

Supported Formats

HEX: #RRGGBB or #RGB
RGB: rgb(255, 128, 0) or 255,128,0
HSL: hsl(30, 100%, 50%)
CMYK: cmyk(0, 50, 100, 0)
Named: red, blue, green, etc.

Color Schemes

complementary: Opposite on color wheel
analogous: Adjacent colors
triadic: Three equally spaced
split-complementary: Base + two adjacent to complement
tetradic: Four colors (rectangle)
monochromatic: Same hue, different saturation/lightness

Examples

# Convert hex to all formats
/job/.pi/skills/color-picker/color.js convert "#3498db"

# Get complementary color
/job/.pi/skills/color-picker/color.js palette "#FF5733" --scheme complementary

# Generate analogous palette (3 colors)
/job/.pi/skills/color-picker/color.js palette "#3498db" --scheme analogous --count 3

# Mix two colors (50/50)
/job/.pi/skills/color-picker/color.js mix "#FF0000" "#0000FF"

# Get detailed color info
/job/.pi/skills/color-picker/color.js info "hsl(120, 100%, 25%)"

# Generate random color
/job/.pi/skills/color-picker/color.js random

# Generate 5 random harmonious colors
/job/.pi/skills/color-picker/color.js random --count 5

Output Format

{
  "hex": "#3498db",
  "rgb": { "r": 52, "g": 152, "b": 219 },
  "hsl": { "h": 204, "s": 70, "l": 53 },
  "cmyk": { "c": 76, "m": 31, "y": 0, "k": 14 },
  "brightness": 152,
  "luminance": 0.35
}

When to Use

Converting between color formats
Generating color palettes for designs
Finding complementary/accent colors
Design system color management
Accessibility contrast checking

color-picker

Color Picker

Quick Start

Usage

Convert Color Format