八级明度让不同色相可以在同一界面中保持视觉重量一致。
MODERN COLOR ATLAS · 2026
一套真正
能被使用的
现代色典。
为互联网界面、品牌视觉与印刷品整理的96种现代色。不是追逐潮流的色卡，而是一套带有角色、层级和输出边界的设计语言。
PRIMARY / 60产品蓝
#2563EBACCENT行动红
SURFACE奶油纸
INK深空黑
DIGITAL
×
PRINT
×
背景、表面、主色、强调和文字，比单纯记录HEX更接近真实设计工作。
屏幕检查可访问性；印刷显示CMYK近似并明确提醒ICC与打样。
01 · COLOR DICTIONARY
现代色典
从浅色表面到深色文字，每个家族都保持相同的八级阅读顺序。点击任意单色，即刻生成双色、三色和四色方案。
显示 32 / 96 色
02 · CURATED PALETTES
36组经典配色
每套方案拥有任务与情绪标签。点击其中任意颜色，可将它设为主色并进入2/3/4色配色工作台。
01数字产品
澄澈 SaaS
5 COLORS · sRGB02数字产品
深海专注
5 COLORS · sRGB03数字产品
医疗清醒
5 COLORS · sRGB04数字产品
金融秩序
5 COLORS · sRGB05数字产品
创作者夜间
5 COLORS · sRGB06数字产品
旅行晴空
5 COLORS · sRGB07品牌营销
新消费果园
5 COLORS · sRGB08品牌营销
温柔美妆
5 COLORS · sRGB09品牌营销
城市咖啡
5 COLORS · sRGB10品牌营销
运动信号
5 COLORS · sRGB11品牌营销
可持续日常
5 COLORS · sRGB12品牌营销
低调奢华
5 COLORS · sRGB13编辑印刷
瑞士信息红
5 COLORS · sRGB14编辑印刷
包豪斯练习
5 COLORS · sRGB15编辑印刷
艺术书页
5 COLORS · sRGB16编辑印刷
博物馆夜场
5 COLORS · sRGB17编辑印刷
建筑期刊
5 COLORS · sRGB18编辑印刷
独立杂志
5 COLORS · sRGB19生活方式
北欧晨雾
5 COLORS · sRGB20生活方式
地中海午后
5 COLORS · sRGB21生活方式
日本文具
5 COLORS · sRGB22生活方式
热带旅店
5 COLORS · sRGB23生活方式
复古科技
5 COLORS · sRGB24生活方式
城市雨夜
5 COLORS · sRGB25数据图表
六类清晰
6 COLORS · sRGB26数据图表
蓝色顺序
6 COLORS · sRGB27数据图表
风险发散
5 COLORS · sRGB28数据图表
状态语义
5 COLORS · sRGB29数据图表
地图自然
5 COLORS · sRGB30数据图表
暗底监控
6 COLORS · sRGB31文化创意
新东方园林
5 COLORS · sRGB32文化创意
宋瓷未来
5 COLORS · sRGB33文化创意
城市戏剧节
5 COLORS · sRGB34文化创意
非遗新包装
5 COLORS · sRGB35文化创意
青年音乐现场
5 COLORS · sRGB36文化创意
地方旅行志
5 COLORS · sRGB03 · COLOR PAIRING LAB
单色配色工作台
当前主色会同时生成单色对单色、三色与四色方案，并关联到最接近的经典配色主题。
蓝色 / 40
链接蓝
Link Blue
#2563EBRGB37 · 99 · 235CMYK APPROX.84 · 58 · 0 · 8WHITE CONTRAST5.17 : 1 / AA
互补焦点
色相相隔180°，形成清晰主次与行动焦点。
#互联网#品牌#醒目
邻近过渡
相邻色相减少冲突，适合界面层级与渐进叙事。
#互联网#柔和#理性
中性承托
主色搭配中性底色，保持内容清晰和印刷稳定。
#印刷#编辑#克制
冷暖编辑
偏移155°制造冷暖张力，适合海报与品牌故事。
#品牌#印刷#温暖
04 · PRINT NOTES
屏幕发光，纸张吸光。
让纸张本身成为第五种颜色，降低高饱和色面积，注意深色蹭脏与总墨量。
可承载更锐利的冷暖关系；品牌关键色仍需软打样与合同样确认。
少色、高一致性或金属荧光效果优先考虑专色，跨设备表达使用Lab与正确设备配置。