360 Secure SkillHub
360 安全技能中心

Colorlab

这是一款终端端颜色处理工具,核心功能包括十六进制与RGB色值互转、计算WCAG 2.0对比度并给出AA/AAA合规评级、生成指定颜色的深浅变体调色板、生成随机色,以及查找相近的CSS命名颜色。适用于设计和开发场景中快速处理颜色、验证无障碍对比度需求,通过终端命令传参调用,输出含ANSI色卡的文本结果。

bytesagain3
bytesagain3
热度 66.63
最近更新 2026-05-11 17:31:53
分类:效率依赖:纯提示词应用场景:数据处理 / UI 原型 / 品牌素材

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add colorlab
Metadata
name
ColorLab
description
Convert colors and generate palettes with WCAG contrast checks. Use when building palettes, converting hex/RGB, checking accessibility.
version
3.0.0
author
BytesAgain
homepage
https://bytesagain.com
source
https://github.com/bytesagain/ai-skills
tags
["color","palette","design","hex","rgb","contrast","accessibility","css","wcag"]
categories
["Design","Developer Tools","Utility"]

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