颜色选择器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_15292d5a/yjkj-cn-color-picker。
技能介绍
要解决什么问题
前端样式、设计稿标注和脚本里调色时,同一颜色往往要在 HEX、RGB、HSL、HSV 之间来回换算;主色定下来后还要凑和谐配色或两色渐变,手算或零散在线工具都容易打断上下文。本技能把格式互转、调色板、渐变预览收进一套可对话调用的流程,且基于 Python 标准库,不依赖第三方包或 API Key。
技能如何工作
- 格式互转:在 HEX、RGB、HSL、HSV 之间双向转换,例如输入
hex2rgb #FF5500得到RGB: (255, 85, 0)。 - 调色板生成:以单一主色(如
#3366FF)为种子,生成 5 色和谐调色板,输出各色的 HEX 值,便于快速试配色方案。 - 渐变色预览:在两种颜色之间生成 10 级渐变 阶梯,便于预览过渡而非只看到端点色。
- 颜色解析:根据输入形态自动识别当前格式并完成转换,减少你先判断「这是 HEX 还是 RGB」的步骤。
典型用法是在对话里用简短指令(如 hex2rgb、palette)加颜色值,由技能解析并返回结构化结果。
适用边界与注意点
- 运行环境需 Python 3.6+;能力边界与 SKILL 描述一致,侧重转换与生成,不是图像取色、屏幕拾色或设计文件批量改色工具。
- 和谐调色板与渐变规则由内置算法生成,适合探索与原型;若项目有严格品牌色规范,生成结果仍需人工校对。
- 输入颜色字符串需符合常见写法(如带
#的 HEX);异常格式可能无法解析,应以返回错误或无效结果为准再调整输入。
使用场景
- 设计稿只给了 `#3366FF` 主色,需要在开工前快速拉出 5 个和谐辅色写进样式变量
- Canvas 或图表库要求 `RGB` 三元组,而接口文档里是 `HEX`,要在对话里当场换算核对
- 写两色背景渐变时,想先看 10 级过渡色再定 `linear-gradient` 的中间停靠点
- 用户或配置里混用 `HEX`、`RGB`、`HSL` 字符串,需要先自动识别格式再统一成一种输出
适合人员
- 把设计标注的色值落到组件与主题 Token 里的前端工程师
- 从单一品牌主色延展海报与界面配色的平面或 UI 设计师
- 用 Python 做可视化或脚本、需在 HSL/HSV 空间微调颜色的工程师
- 在文档或教程里反复演示色值互转、不想每次手算换算的教学与内容作者