色彩实验室
ColorLab
by BytesAgain
Convert colors and generate palettes with WCAG contrast checks. Use when building palettes, converting hex/RGB, checking accessibility.
安装
claude skill add --url github.com/openclaw/skills/tree/main/skills/bytesagain3/colorlab文档
ColorLab — 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
相关 Skills
文档共著
by anthropics
围绕文档、提案、技术规格、决策记录等写作任务，按上下文收集、结构迭代、读者测试三步协作共创，减少信息遗漏，写出更清晰、经得起他人阅读的内容。
✎ 写文档、方案或技术规格时容易思路散、信息漏，它用结构化共著流程帮你高效传递上下文、反复打磨内容，还能从读者视角做验证。
内部沟通
by anthropics
按公司常用模板和语气快速起草内部沟通内容，覆盖 3P 更新、状态报告、领导汇报、项目进展、事故复盘、FAQ 与 newsletter，适合需要统一格式的团队沟通场景。
✎ 按公司偏好的模板快速产出状态汇报、领导更新和 FAQ，既省去反复改稿，也让内部沟通更统一、更专业。
平面设计
by anthropics
先生成视觉哲学，再落地成原创海报、艺术画面或其他静态设计，输出 .png/.pdf，强调构图、色彩与空间表达，适合需要高完成度视觉成品的场景。
✎ 做海报、插画或静态视觉稿时，用它能快速产出兼顾美感与版式的PNG/PDF成品，原创设计更省心，也更适合规避版权风险。
相关 MCP 服务
by nirholas
免费的加密新闻聚合 MCP，汇集 Bitcoin、Ethereum、DeFi、Solana 与 altcoins 资讯源。
by ProfessionalWiki
让 Large Language Model 客户端无缝连接任意 MediaWiki 站点，可创建、更新、搜索页面，并通过 OAuth 2.0 安全管理内容。
by alisaitteke
用于Adobe Photoshop自动化的MCP server，让AI assistants直接控制Photoshop。