颜色值转换
将以下提示词粘贴到你的 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)并要对齐同一色值的后端兼全栈开发者