导语：分析界面视觉基本方式是“形色字构质”，我准备慢慢写一些实战基础的文章，争
取每一篇都可以深入解决一个设计的基本问题。B 端设计非常依赖于设计系统，好的颜色
定义，能帮我们设计出一些更加统一、舒适、层级分明、可读性强的界面。


本篇文章将通过以下三个章节，由浅入深的一步步搭建色彩系统：
色彩理论简析 HSB 的概念 搭建色彩系统的方法及工具

一、色彩理论简析
如果你对色彩理论很熟悉，可直接跳过这一部分，因为本节较长。
颜色在设计中和日常生活中都起着至关重要的作用，我们可以通过颜色唤起特定的情绪或
情感。而在一些没有文字的场景，色彩也是传递信号的媒介。
我们先来温习一下色彩理论（Color Theory），它可以帮助我们在不同的条件下正确的使
用颜色，也可以帮助我们认识颜色的基础。
1.1 传统色轮（Traditional Color Wheel）
首先，我们先学会传统色轮的构成。
我们都知道红色、黄色、蓝色是原色（Primary Color），如下图所示：
当我们把红色、黄色、蓝色在圆环中分别混合时候，会生成次要颜色（Secondary Color
），绿色、橙色、紫色，如下 ...