winsorllc 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