Color Picker
Convert and manipulate color values across different formats.
Quick Start
/job/.pi/skills/color-picker/color.js convert "#FF5733"
Usage
Convert Color Format
/job/.pi/skills/color-picker/color.js convert "<color>"
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