ColorLab
Convert colors and generate palettes with WCAG contrast checks. Use when building palettes, converting hex/RGB, checking accessibility.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/bytesagain3/colorlabColorLab — Color Tool
Convert colors, generate palettes, check WCAG contrast ratios, and find closest CSS color names. Uses printf and awk for calculations, with ANSI 24-bit color swatches in terminal output.
Commands
| Command | Description |
|---|---|
hex-to-rgb <hex> | Convert hex color to RGB values |
rgb-to-hex <r> <g> <b> | Convert RGB values (0-255) to hex |
contrast <hex1> <hex2> | Calculate WCAG 2.0 contrast ratio with AA/AAA pass/fail ratings |
palette <hex> [count] | Generate lighter and darker variants of a color (default: 5 each direction) |
random [count] | Generate random colors with hex and RGB values (default: 1) |
name <hex> | Find the closest named CSS color (from ~50 common colors) |
Examples
# Convert hex to RGB
colorlab hex-to-rgb "#FF5733" # → rgb(255, 87, 51)
# Convert RGB to hex
colorlab rgb-to-hex 255 87 51 # → #FF5733
# Check contrast for accessibility
colorlab contrast "#FFFFFF" "#000000"
# → 21.00:1, WCAG AA/AAA all pass
# Generate a palette
colorlab palette "#3498db" 3
# → Shows 3 darker + base + 3 lighter variants with color swatches
# Random colors
colorlab random 5
# Find closest CSS color name
colorlab name "#e74c3c" # → Crimson
Notes
- Hex colors accept
#prefix (optional) and 3-digit shorthand (#F00→#FF0000) - WCAG contrast checks report AA/AAA compliance for normal and large text
- Palette output includes ANSI 24-bit color swatches (requires a modern terminal)
- Color naming uses Euclidean distance in RGB space against ~50 common CSS color names
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-bytesagain3-colorlab": {
"enabled": true,
"auto_update": true
}
}
}Tags
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.