色彩感知系统
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,将 @user_15292d5a/yjkj-color-sense 安装到你的 AI 助手。
技能介绍
解决的问题
很多配色输出只给出一组好看的色值,缺少角色、比例、深浅模式与可访问性约束,最终在 UI、品牌或印刷场景中难以直接落地。color-sense 关注的是“可解释、可应用”的色彩系统:它会要求最少但关键的输入,例如使用场景、目标情绪、既有品牌色、必须使用或避免的颜色、light/dark mode,以及 WCAG 对比或色盲友好需求。若信息不足,它会说明假设,而不是反复追问或生成泛泛色卡。
工作方式与适用边界
技能会按固定结构输出:
- Palette overview:命名、用途与情绪摘要。
- Core palette:5–7 个颜色,给出
HEX、RGB、必要时CMYK,并说明primary、secondary、accent、neutral等角色。 - Usage system:建议
60/30/10比例、层级规则和主次关系。 - Color logic:用平实语言解释单色、类似色、互补色、三角色等策略为何适配当前媒介。
- Variants 与 Accessibility:提供浅色、深色、低饱和、高对比变体,并标注关键色对的估算对比风险。
它适合 UI、品牌支持色、海报插图、摄影调色与数据可视化。边界也很清楚:未计算时不会伪装成精确对比值,不承诺印刷级准确,也不替代完整品牌识别流程。
使用场景
- 为 SaaS 控制台确定深浅色模式下的主色、背景与状态色,并输出使用比例。
- 给产品海报生成 60/30/10 色彩比例、强调色位置与避免组合建议。
- 在数据可视化中挑选可读、色盲风险较低的主色系与状态色,并说明理由。
- 将摄影后期需求翻译成高光与阴影色彩偏置、氛围方向和高对比版本。
适合人员
- 负责后台产品界面的前端工程师,需要可直接用于 CSS 的色值、角色和深浅色模式建议。
- 做品牌视觉落地的设计师,需要主色、支持色、使用边界与避免组合,而非单纯色卡。
- 制作信息图或数据看板的可视化工程师,需要可读、状态色和色盲风险说明。
- 负责海报或摄影调色的视觉策划,需要氛围色彩逻辑、强调色和高对比版本。