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

色导网实践指南:把配色真正落到项目里

这里的四篇都是步骤,不是原则。每一步都有具体数值和一个可以验证的产出,照着做完就能交付。

从品牌色推出的色阶取样

四份做法

共同的前提

  1. 先定角色,再定颜色。底色、分隔线、三级文字、语义色各需要几个,列清单,然后才去取值。
  2. 每定一组就立刻校验。文字与底色的每一对都算一遍对比度,分类色都过一遍色觉模拟。
  3. 把结果写成一组命名变量。散落在组件里的十六进制值是后期返工的主要来源。
  4. 写下禁忌。哪两个色不能相邻、哪个色不能做文字,这些要和色值一起交付。