Agent Skills
返回列表
专业颜色工具集

专业颜色工具集

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 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 格式。