Agent Skills
返回列表
颜色转换工具

颜色转换工具

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_15292d5a/yjkj-cn-color-tool。

技能介绍

要解决什么问题

前端、设计与脚本里经常要在 HEX、rgb() 和 HSL 之间来回换算:设计稿给 #3b82f6,组件库要 HSL 调主题,日志或 CLI 又想在终端里预览色块。手写公式容易在色相范围、饱和度/亮度归一化上踩坑;引入重型图像库又只为几个标量转换,依赖成本偏高。

技能如何工作

cn-color-tool 用 Python 标准库(colorsys、argparse)实现双向转换,不拉第三方包、也不需要 API Key:

  • HEX ↔ RGB:十六进制色码与 (R, G, B) 元组互转
  • RGB ↔ HSL:与常见设计工具一致的 HSL 表达;约定 H 为 0–360,S、L 为 0–100
  • 颜色预览:在终端输出便于肉眼核对的颜色信息

适合嵌进 Agent 工作流:解析用户给的颜色字符串、统一内部表示、再按目标格式回写或打印预览。

适用边界与注意点

  • 面向格式转换与终端展示,不是取色器、调色盘或图像像素分析
  • HSL 数值区间按上述约定处理;与其它库若默认 0–1 浮点,对接前需先对齐语义
  • 无网络与密钥依赖,离线环境可直接用;能力边界即标准库 colorsys 所覆盖的 RGB/HSL 模型

使用场景

  • 把设计稿里的 `#RRGGBB` 转成 HSL 数值,写入 CSS 变量或主题配置文件
  • CLI 脚本收到用户输入的 RGB 三元组,需要输出标准十六进制色码给下游工具
  • 在 Agent 对话里统一多种颜色写法,再按目标格式回写给前端或文档
  • 调试主题色时在终端打印带预览的颜色信息,核对转换结果是否与设计一致

适合人员

  • 维护多主题前端项目、需要在 HEX 与 HSL 之间批量换算的设计令牌维护者
  • 编写 Python CLI 或自动化脚本、要把日志或配置里的颜色字段格式统一的工程师
  • 在技能工作流里解析用户给出的色值并回写标准格式的 Agent 技能作者
  • 做无障碍或对比度检查时,要把品牌色从十六进制转成 RGB/HSL 做计算的 UI 工程师