网页设计师接到新项目时,怎么在 3 分钟内敲定一套稳妥的配色方案?色彩猎人 由以色列设计师 Gal Shir 在 2015 年独立上线,每天人工策展数套四色免费配色。他在 2017 年 Medium 上披露,网站日均服务约 2 万名设计师,邮件订阅用户超过 3000 人。收录的四色方案总数官网未公开,按每日策展节奏推算存量在数千套量级。
网页设计师怎么挑配色方案:从浏览到复制
笔者上周用该平台为一个 SaaS 落地页定主色。打开网站默认进入“New”列表,每张卡片四个 HEX 色块横排。点任意色块直接复制到剪贴板,无需像 Coolors 那样按住空格键锁色再导出。喜欢就点心形图标保存到本地浏览器,不登录、不同步。整个流程大约 3 分钟。
与Coolors的工作流差异
Coolors 按空格生成新方案、点锁 icon 保留某色,适合“已经定了主色、其他三色你来”的场景。色彩猎人反过来:每套四色是策展好的整体,挑方案而非调色。想“换一种风格”的时候用它更顺。
前端开发者怎么把四色写进CSS变量
色彩猎人的四色组合基本遵循 60-30-10 的主次色比例,恰好对应 CSS 的 –primary、–secondary、–accent、–bg。把 HEX 写进变量,主题切换或暗色模式十几行代码就能跑通。复制出来只有 HEX 是一处摩擦,需要 HSL 或 RGB 还得自己转一次。
一个被低估的场景:YouTube封面与小红书配图
如果你要给个人 YouTube 频道或小红书账号定一套统一的视觉色,但又不想花钱请设计师,从该平台的策展池里挑一两套四色方案,十分钟就能拼出一份品牌色指南。科技测评类账号可以挑深蓝+亮橙的高对比组合,知识分享类则适合莫兰迪低饱和四色。这是官网介绍里没强调、但社区反复出现的玩法。
存在哪些短板
它没有 Coolors 那种“从图片提取颜色”的功能,也没有色盲模拟。早期被吐槽的搜索限制依然在:直接粘 HEX 进搜索框拿不到结果,只能按色相粗筛。Chrome 扩展还会接管新标签页,介意就别装。最坑的是收藏夹:本地存储不跨设备同步,换浏览器或清缓存就全没了,官网没明说这点。









