ColorLab

Convert colors and generate palettes with WCAG contrast checks. Use when building palettes, converting hex/RGB, checking accessibility.

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "ColorLab" with this command: npx skills add 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

CommandDescription
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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

Pro Color Palette

专业配色卡生成器。支持12组预设配色、从图片提取主色、生成场景Mockup(海报/手机界面/封面)。输入主色调自动生成3色搭配方案,输出黑底配色卡图片。支持本地脚本秒级生成和AI图片生成两种模式。

Registry SourceRecently Updated
1901Profile unavailable
General

智能 UI 美化技能,支持30种设计风格(Notion/Figma/Linear/Apple 等),自动检测项目类型并生成实时预览

基于 DESIGN.md 自动美化网站 UI,支持 16 种设计风格,提供样式差异报告和 CSS 变量覆盖方案。

Registry SourceRecently Updated
1720Profile unavailable
General

无障碍标签审查与自动修复

扫描 React/TSX 组件中缺失的无障碍标签并自动修复。 检测纯图标按钮缺少 aria-label、div/span 模拟按钮缺少 role 和键盘交互、 图片缺少有意义的 alt 文本、表单元素缺少 label 关联、 弹窗缺少 aria-modal 和焦点管理、动态内容缺少 aria-live 等问题。...

Registry SourceRecently Updated
1600Profile unavailable
General

TailwindCss Complete Documentation

Complete Tailwind CSS documentation. Use when working with Tailwind CSS utility classes, responsive design, dark mode, animations, custom configurations, plugins, or styling questions. Covers all utility classes, modifiers, configuration options, and best practices.

Registry SourceRecently Updated
2K0Profile unavailable
ColorLab | V50.AI