Color Hunt

Color Hunt 是开放的调色板社区，由用户创建配色并提交，再由编辑人工筛选。每张色卡通常由四个 HEX 颜色组成，可直接浏览和点赞。About 页面说明每天会从投稿中选择优秀方案展示，适合快速寻找色彩方向，但色卡本身不会替你完成界面配色。

先按情绪与用途筛选

开始前写下品牌气质、使用场景和屏幕环境，例如“儿童教育、明亮、需要长时间阅读”或“音乐活动、暗色、强调舞台感”。同样的四种颜色在海报、数据后台和移动应用中承担的角色不同，不能因为点赞高就直接采用。

给四个颜色分配职责

四个颜色不一定恰好对应四个角色，还需要为正文、边框和状态生成合适的深浅阶。

复制 HEX 后先做对比度

1. 测试正文与背景、按钮文字与按钮底色。
2. 分别检查正常、hover、focus、disabled 状态。
3. 模拟色觉差异，避免只靠红绿表达结果。
4. 在手机、普通显示器与不同亮度下查看。
5. 将通过的组合写入设计令牌。

漂亮色卡可能缺少功能色

Color Hunt 的方案偏向视觉和谐，不保证包含错误、成功、警告、信息或数据图表所需颜色。扩展时应保持明度与饱和度关系，并验证新颜色不会与品牌主色或按钮混淆；数据可视化还要确保相邻系列可区分。

用真实内容验证比例

先做一个包含标题、正文、按钮、表单和图片的样板页，按面积比例应用颜色。某个鲜艳颜色在色卡中只占四分之一，看起来平衡；如果铺满大面积背景，可能过度刺激。配色决策应结合信息层级，而不是平均分配。

投稿机制与方案归属

官网说明任何人都可以用 palette creator 创建和提交，合集开放但经过策展；每套 palette 被视为公共属性，不归特定创建者或 Color Hunt 所有。即便颜色组合本身可自由参考，使用中的字体、插画、品牌和界面资产仍需独立授权。

准备浅色与暗色两套映射：同一品牌色在不同底色上未必保持足够对比。不要简单反转四色顺序，应分别指定背景、表面、文字和交互色，再检查图片、图标、阴影和系统控件；无法共用的 token 应明确拆分。

保存可复现的配色系统

• 记录原色卡链接和四个 HEX；
• 建立实际使用的浅色、深色与透明变体；
• 标注每个 token 的界面角色；
• 保存对比度测试和失败组合；
• 在设计与代码中采用相同命名。

这样 Color Hunt 提供的是起点，最终交付则是一套可维护的颜色规则。