色彩体系的推导其实有很多文章有详细的介绍了，这一篇主要粗浅的梳理了整体流程经验，补充一下技术方法与色彩模型的差异。
相关干货：
如何设计B端色彩体系？3个步骤帮你掌握起来！ 编者按：B端设计的色彩体系如何构建？阅读文章 >
前言：
本文粗浅阐述色板生成、检验与应用的流程方法，包括主流的基准色选取、演算方法、补充色彩空间底层差异、以及 Tokens 结构。好了，那就开始吧~
1. 主色：从产品或品牌主色开始
注：以个人项目主色为案例，前期产品色是基于 HSB 色彩模型选取的主色
配色：品牌/产品所要传递的调性
以拾取 24 色为例：H 360/24=15°递进，Brand Blue H218°。
配色原则方法：1、基于品牌传递调性；2、基于邻近色、对比色、互补色。
配色种类：自定义（6、8、12、16...）
2. 检验：主色保持视觉感官一致
保持视觉感官一致，适宜长时间浏览阅读。矫正饱和度 S 与亮度 B，HSB（brightness）的亮度一致不能保证视觉感知一致，需引入 Photoshop 图像灰度模式或者 Lab 色彩空间下的亮度 L（Lightness）来检验。在保证主色色彩主观感受舒适下，以品牌色亮度为基准，亮度过渡尽量平缓，矫正过于跳跃的色彩主色，才能衍生出接近视觉感官一致的全色系色板。
