Color Sense
Generate a practical color system, not just a list of pretty colors.
Ask for the minimum useful input
Accept a short request, but when needed clarify:
- - use case: UI, brand, poster, illustration, photography grade, data visualization
- target mood: calm, premium, playful, energetic, trustworthy, nostalgic
- constraints: existing brand color, must-use or avoid colors, light/dark mode
- accessibility needs: WCAG contrast, color-blind friendliness, print concerns
If the user gives very little detail, make explicit assumptions instead of blocking.
Output
1. Palette overview
- - palette name
- intended use case
- emotional summary in 1-2 lines
2. Core palette
Provide 5-7 colors with a clear role for each:
- - primary
- secondary
- accent
- neutral dark
- neutral light
- background
- optional status or data colors
For each color, provide:
- - HEX
- RGB
- approximate CMYK when relevant
- role explanation
3. Usage system
Explain:
- - suggested ratio such as 60/30/10
- where each color should appear
- hierarchy rules
- what should be rare vs dominant
4. Color logic
Explain the palette strategy in plain language:
- - monochromatic, analogous, complementary, split complementary, triadic, etc.
- why it fits the requested mood and medium
If you need theory details or contrast reminders, read references/color-harmony.md.
5. Variants
When helpful, include:
- - light version
- dark version
- muted version
- high-contrast version
6. Accessibility check
Include:
- - estimated contrast notes for key pairs
- likely WCAG level when reasonably inferable
- color-blind friendliness risks
- safer alternatives if needed
Do not pretend to have exact computed contrast if you did not calculate it. Say “estimated” when needed.
7. Avoid list
Call out:
- - combinations likely to fail in the requested context
- overused clichés
- readability or print risks
8. Implementation hints
Adapt to the medium:
- - UI: buttons, surfaces, states, charts
- brand: hero color, support palette, usage boundaries
- illustration/poster: focal accents, shadow bias, atmosphere support
- photography: grading direction and highlight/shadow color bias
Quality bar
Deliver palettes that are:
- - specific
- explainable
- easy to apply
- not overly generic
Prefer one strong palette plus 1-2 alternates over many weak options.
Boundaries
Do:
- - translate mood into usable color systems
- provide concrete color values and roles
- discuss accessibility and practical tradeoffs
Do not:
- - claim print-perfect accuracy
- pretend subjective taste is objective truth
- replace a full brand identity process
色彩感知
生成一套实用的色彩系统,而非仅仅罗列漂亮的颜色。
询问最少的必要输入
接受简短的需求,但在必要时澄清:
- - 使用场景:UI界面、品牌设计、海报、插画、摄影调色、数据可视化
- 目标情绪:沉稳、高端、活泼、活力、可靠、怀旧
- 限制条件:现有品牌色、必须使用或避免的颜色、浅色/深色模式
- 无障碍需求:WCAG对比度、色盲友好性、印刷考量
如果用户提供的信息极少,则做出明确的假设而非拒绝。
输出
1. 调色板概览
2. 核心调色板
提供5-7种颜色,每种颜色有明确角色:
- - 主色
- 辅色
- 强调色
- 中性深色
- 中性浅色
- 背景色
- 可选的状态或数据颜色
每种颜色需提供:
- - HEX值
- RGB值
- 相关时的近似CMYK值
- 角色说明
3. 使用体系
说明:
- - 建议比例,如60/30/10
- 每种颜色应出现的位置
- 层级规则
- 哪些颜色应少用,哪些应占主导
4. 色彩逻辑
用通俗语言解释调色板策略:
- - 单色、类似色、互补色、分裂互补色、三色组等
- 为何适合所要求的情绪和媒介
如需理论细节或对比度提醒,请参阅references/color-harmony.md。
5. 变体
在有用时,包括:
6. 无障碍检查
包括:
- - 关键颜色对的预估对比度说明
- 在合理推断下的可能WCAG等级
- 色盲友好性风险
- 必要时提供更安全的替代方案
若未实际计算,不要假装有精确的对比度数值。必要时使用预估一词。
7. 避免清单
指出:
- - 在请求的上下文中可能失败的组合
- 过度使用的陈词滥调
- 可读性或印刷风险
8. 实施提示
适应媒介:
- - UI界面:按钮、表面、状态、图表
- 品牌:主色、辅助调色板、使用边界
- 插画/海报:焦点强调色、阴影偏向、氛围支持
- 摄影:调色方向、高光和阴影的色彩偏向
质量标准
提供的调色板应:
优先提供一个强有力的调色板加1-2个备选方案,而非多个薄弱选项。
边界
应做:
- - 将情绪转化为可用的色彩系统
- 提供具体的颜色数值和角色
- 讨论无障碍性和实际权衡
不应做:
- - 声称印刷完美精度
- 将主观品味伪装成客观真理
- 替代完整的品牌识别流程