ColorLab

Color palette generator and converter. Convert between hex and RGB, generate harmonious color palettes from any base color, check WCAG contrast ratios for accessibility compliance, and browse named CSS colors. Essential for designers and frontend developers.

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

Your color toolkit in the terminal. Convert, generate palettes, and check accessibility.

Why ColorLab?

  • Format conversion: Hex ↔ RGB instant conversion
  • Palette generation: Create harmonious palettes from any color
  • Accessibility: WCAG contrast ratio checking
  • Named colors: Quick reference for CSS color names
  • No GUI needed: Fast color work from command line

Commands

  • hex2rgb <#hexcode> — Convert hex to RGB
  • rgb2hex <r> <g> <b> — Convert RGB to hex
  • palette [hex|random] — Generate a 6-color palette
  • contrast <fg_hex> <bg_hex> — Check WCAG contrast ratio
  • named — Show named CSS colors
  • info — Version info
  • help — Show commands

Usage Examples

colorlab hex2rgb #ff5733
colorlab rgb2hex 255 87 51
colorlab palette #3498db
colorlab palette random
colorlab contrast #ffffff #000000
colorlab named

Contrast Rating

  • ✅ AAA (7:1+) — Excellent readability
  • ✅ AA (4.5:1+) — Good for normal text
  • ⚠️ AA Large (3:1+) — Only for large text
  • ❌ Fail — Does not meet WCAG guidelines

💬 Feedback & Feature Requests: https://bytesagain.com/feedback Powered by BytesAgain | bytesagain.com

Source Transparency

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

Open Registry RecordOpen in ClawHub

Related Skills

Related by shared tags or category signals.

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
1.5K0Profile unavailable
General

UI/UX Design Guide

Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and...

Registry SourceRecently Updated
7.6K19Profile unavailable
Security

Accessibility Engine

Helps teams achieve WCAG 2.1 AA compliance by auditing and guiding inclusive design for web, mobile, desktop, and other digital products.

Registry SourceRecently Updated
3950Profile unavailable
Security

Frontend Design Pro — 专业前端设计规范

前端设计质量提升 skill。让 AI 生成的 UI/前端代码更专业，避免常见设计反模式。 参考 impeccable 项目的设计语言规范，提供 audit/polish/critique 等设计审查命令。 触发词：/audit /polish /critique /colorize /animate /bold...

Registry SourceRecently Updated
8380Profile unavailable