ColorPick
Color picker and converter. Convert between hex, RGB, HSL color formats, generate color palettes, find complementary colors, and preview colors in terminal.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/ckchzh/colorpickWhat This Skill Does
ColorPick is a versatile, high-performance command-line utility designed for developers and designers who need to manage color data efficiently. Operating as a hybrid bash script with embedded Python, it bridges the gap between terminal environments and complex color manipulation. The tool natively supports conversions between Hex, RGB, and HSL formats, acting as an essential bridge for cross-platform workflows. Beyond simple conversion, ColorPick allows for the generation of sophisticated color palettes and the identification of complementary, analogous, or triadic color harmonies directly from the terminal. It also features a built-in preview mechanism, allowing users to verify color outputs without opening external graphical software.
Installation
To install ColorPick into your OpenClaw environment, use the ClawHub package manager. Run the following command in your terminal:
clawhub install openclaw/skills/skills/ckchzh/colorpick
Once installed, the skill resides in your local environment. You can customize the storage directory for palettes and cache files by setting the COLORPICK_DIR environment variable to your preferred path. By default, the skill manages assets at ~/.local/share/colorpick/.
Use Cases
ColorPick is ideal for rapid UI/UX prototyping directly in the IDE or terminal. It is frequently used by frontend developers to sync color variables across CSS and JSON configurations without switching context to a web browser or design tool. It is also a powerful asset for script automation, where you may need to dynamically generate UI themes or validate user-provided color strings in automated workflows.
Example Prompts
- "OpenClaw, use ColorPick to convert the Hex code #2A5A9F into RGB and HSL formats."
- "Generate a complementary color palette based on the primary color #FF5733 using ColorPick and display the preview."
- "Convert rgb(100, 150, 200) to its Hex representation using ColorPick."
Tips & Limitations
To get the most out of ColorPick, ensure your terminal supports ANSI colors for the preview feature. If you notice colors looking slightly off, ensure your terminal emulator is set to 24-bit true color mode. Note that ColorPick operates strictly within the terminal; it does not interface with graphical design software like Figma or Adobe CC, nor does it perform automated color extraction from images. For best performance, keep your terminal session updated, and refer to colorpick help periodically to discover new flag combinations as the skill evolves.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-ckchzh-colorpick": {
"enabled": true,
"auto_update": true
}
}
}Tags
Flags: file-read, file-write
Related Skills
designer-intelligence-station
Designer intelligence collection tool. Monitors 46 public sources (AI/hardware/mobile/design), dynamic quality-based filtering v2.1.8, generates structured daily/weekly reports. All data stored locally.
frontend-design
Generates production-ready UI components from natural language. Use when the user asks to design a component, create a button, build a form, prototype a layout, or generate React/Tailwind CSS code. NOT for: backend logic, API design, database schema, or non-UI tasks.
douyin-cover-builder
这是一个面向中文创作者的 OpenClaw Skill,输入主题与人物气质后,会输出可直接用于生图模型的高质量提示词与创意说明。
SeedFlip Dashboard Theme
Re-theme your OpenClaw dashboard with 104 curated design seeds from SeedFlip. Fonts, colors, shadows, radii. One command, instant transformation.
align
Data and text alignment reference — sequence alignment, text formatting, memory alignment, and CSS/layout alignment. Use when aligning sequences, formatting columnar output, or understanding byte alignment.