专业颜色工具集
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_800d68d6/color-toolkit-turn 到你的 AI 助手。
技能介绍
解决什么问题
在做前端、UI 或可视化时,颜色常被分散在 HEX、RGB、HSL、CMYK 等表示里,还需要判断对比度、无障碍合规、配色和谐与预览效果。color-toolkit-turn 把这类颜色工程任务集中在一个可调用技能中,适合在对话里快速完成编码转换、对比度评估和配色方案生成。
工作方式与能力
它面向明确的颜色任务触发,例如“转换这个颜色”“计算对比度”“推荐配色方案”。核心能力包括:
- 颜色编码转换:支持
HEX、RGB、HSL、HSV、CMYK互转; - 对比度计算:覆盖
WCAG 2.1、APCA、CIELAB ΔE*ab与CIEDE2000; - 无障碍建议:按背景/文字色、字号、字重和目标等级筛选可用色;
- 调色板生成:互补色、三色组、矩形四色组、类似色等色相和谐方案;
- 预览与推荐:生成单色/多色
HTML预览,并基于描述推荐完整配色。
关键步骤通常是从输入颜色开始,先做格式校验,再执行转换、对比或调色,最后输出编码表、评估结论或预览文件。技能采用渐进式文档,入口较薄,详细参数、示例和注意事项放在 references/*.md 中按需读取。
适用边界
适合需要结构化输出的颜色工程问题,不适合闲聊或单步简单问答。输入范围包括 3/6 位 HEX,RGB 值会裁剪到 0-255,角度限制在 0-360。运行要求 Python 3.8+,仅依赖标准库,无额外服务依赖;若需要更复杂的设计系统校验或品牌色规范,仍应结合团队设计规范判断。
使用场景
- 前端开发在组件评审中,需要把 HEX 批量转成 RGB/HSL 并检查文字对比度。
- UI 设计师确定品牌主色后,需要生成互补、三色组和类似色方案并输出 HTML 预览。
- 无障碍负责人验收页面时,需要按 AA/AAA、字号和字重筛选可用文字色或背景色。
- 数据可视化工程师比较多个主题色时,需要多色亮度、色温对比并校验颜色格式。
适合人员
- 前端组件库开发者,需要快速转换颜色编码并计算 WCAG/APCA 对比度。
- UI 设计师,需要基于主色生成互补、三色组、类似色并输出 HTML 色块预览。
- 无障碍审核工程师,需要按目标等级、字号和字重推荐合规文字色或背景色。
- 数据可视化工程师,需要比较多个主题色的亮度、色温并校验 HEX 格式。