色导网中文配色工作台与色彩资料馆

色导网配色方案库:六套带校验结果的成套色板

每一套都不是五个好看的色块,而是一组分好角色的取值:哪个只能当底、哪个是文字下限、哪两个不能相邻。页面上的对比度都是按这些值实算的。

六套方案各取一个代表色

六套方案

界面中性灰阶

十一级暖中性灰,覆盖底色、分隔线、次级文字到正文墨色,是一套界面里面积最大的那部分。

暖调品牌色组

以陶土橙为主色的一组品牌色,含三级主色、一个冷色支撑与三个语义色。

冷调科技色组

深靛为骨、青绿作强调的一套冷色,五级靛蓝加两级强调,适合工具与控制台界面。

低饱和阅读色组

为长文页面准备的一套低彩度取值:暖纸底、不到纯黑的墨色、以及一个不抢行的链接蓝。

暗色模式色板

一套不靠反色得到的深色界面取值:四级表面、两级文字,品牌色按深底重新选过。

怎么挑

两套方案可以混用,但中性色只能来自一套——两套灰阶混着用是最常见的脏源。
如果你在做先看哪一套
一个新产品的界面界面中性灰阶打底,再加暖调品牌色组或冷调科技色组之一
报表、图表、仪表盘数据可视化定性色序,配界面中性灰阶
文档站、博客、长文页低饱和阅读色组
给已有界面加深色主题暗色模式色板

这些色值是怎么定的

先定角色清单(底、线、文字三级、语义色),再按角色去取值,而不是先挑颜色再找用途。每定下一组就用对比度工具把文字与底色的组合逐对算一遍,不达标的直接改数值。

所有方案都是本站原创取值,可以自由取用。页面上的对比度与色差都是构建时按这些十六进制实算出来的,你可以在工具页里自己复核。