Agent Skills
返回列表
🎨

颜色值转换

设计多媒体 更新于 2026.08.30

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_ae3bd8e0/color-pick。

技能介绍

要解决什么问题

前端与设计中经常要在 HEX、RGB、HSL、设计工具里的 HSV 以及印刷用的 CMYK 之间来回换算。手写公式容易算错,不同格式还带不同写法(如 #fff 与 rgb(255,255,255)),透明度又可能出现在 rgba() 或 hsla() 里,对照起来很费时间。

技能如何工作

你只需粘贴或输入任意一种颜色值,技能会自动识别输入格式,无需事先声明是 HEX 还是 RGB。输出是一份五种格式的完整对照表,并附带可读的颜色预览描述;若输入含透明度,会在 RGBA、HSLA 等通道上一并体现。

核心能力包括:

  • 五种格式互转:HEX、RGB、HSL、HSV、CMYK
  • 自动解析常见写法,减少格式猜测
  • 单轮对话即可得到全格式结果,无额外依赖

适用边界

本技能面向数值格式转换与对照,不替代取色器、屏幕拾色或图像调色。CMYK 为印刷近似换算,与具体油墨、纸张 ICC 配置可能仍有偏差;极端或非标准字符串若无法解析,应以技能返回为准并核对原始输入。

使用场景

  • 从设计稿复制 `rgb()` 后,需要同一色值的 HEX 填进 Tailwind 或 CSS 变量
  • 印刷外包前要核对品牌色在 CMYK 下的数值,手头只有网页用的 `#` 十六进制
  • 在 HSL 里调完色相饱和度后,要把结果写成 `rgba()` 给组件库的主题 token
  • 对比 Figma 导出的 HSV 与代码仓库里存的 HEX 是否一致,避免上线色差

适合人员

  • 维护组件库主题色、常在 RGB 与 HEX 之间改写的前端工程师
  • 对接印厂稿件、要把屏幕色换算成 CMYK 说明的品牌或包装设计师
  • 写技术文档时需要把示例色统一成五种格式对照表的教程作者
  • 从多工具迁移配色(Sketch/Figma/CSS)并要对齐同一色值的后端兼全栈开发者