同理，如果想加点橙色进去， 再亮一点，我们通过心算就大致可以确定色相环的相位和亮度值。在这里，我们需要让H增加20°，L增加5%。
在使用HSL调色的过程中，我们并不需要打开拾色器，也不需要了解复杂的色光混合原理，这是一个自然的、感性的、易于理解的过程。相比之下，RGB调色方式显得非常笨拙复杂、难以理解，而HSL是多么的友好。
知识点：
需要提醒一下的是，CSS 代码里支持的是 HSL，而不是 HSB。如果和前端对接时，UI 给到的是 HSB 的色值，那么最终落地的颜色效果会与设计稿有出入。Photoshop中的Hex和RGB颜色可以直接在CSS文件中使用，但是Photoshop中的HSB模式颜色和HSL是不同的。
Yuv
YUV，是一种颜色编码方法。常使用在各个影像处理组件中。YUV在对照片或影片编码时，考虑到人类的感知能力，允许降低色度的带宽。Y表示明亮度（Luminance或Luma），也就是灰度值；U(Cb)表示色度（Chrominance）；V(Cr)表示浓度（Chroma）；通常UV一起描述影像色彩和饱和度，用于指定像素的颜色。
采用YUV色彩空间的重要性是它的亮度信号Y和色度信号U、V是分离的。如果只有Y信号分量而没有U、V信号分量，那么这样表示的图像就是黑白灰度图像。彩色电视采用YUV空间正是为了用亮度信号Y解决彩色电视机与黑白电视机的兼容问题，使黑白电视机也能接收彩色电视信号。
二、色彩心理学色彩心理学是美术知识学习中非常重要的一部分。他所研究的是色彩通过对人视觉上的刺激，而引发人情感和感官上的变化，通过日常生活中人们对应用色彩的经验积累而归纳总结出人类对色彩心理上的预期感受。在生活中，色彩心理学对人们对颜色的认知有很大的影响。为什么交通信号灯用红色表示停止通行而不是绿色呢？为什么大多快餐店用红色或黄色作为品牌的主色？这都是色彩心理学的相关知识。
虽然红、蓝是受到最普遍喜爱的颜色（通过对App Store应用流行颜色分类统计得知）。但并不意味着这一准则可以套用在所有产品上。产品的属性是什么，用户定位是什么，要传达的产品气质是什么等等，这些都是选择应用图标的颜色时需要考虑的问题。世界上第一间Airbnb房间是在一条叫Rausch street的街上诞生的，因此Airbnb的主色被命名为Rausch的温暖颜色。在挑选主色调的时候，4名设计师前往世界13个城市，只为了更好地理解Airbnb的理念：热情、能量和自信，这正是Rausch要传递的信息。除了 Rausch 以外，Airbnb 还有其它九种颜色，包括 Kazan、Beach、Tirol、Foggy 等等，它们也都是以 Airbnb 的社区街道命名的。
下面来讲解每一种颜色都各自带有什么样的性格，只有理解了颜色的性格才能正确的使用它们。
黑色黑色代表着品质、高端、时尚、低调、权威、严肃、稳重，是一种充满质感的颜色。它是所有色彩中最有力量的，能很快吸引用户的注意力。作为一种无彩色，能让它和其他色彩百搭，黑色 金黄色，给人一种奢华精致的感觉；黑色 银灰色，则给人一种成熟稳重的感觉；黑色 红色，给人一种时尚潮流的感觉。因此黑色是一种永远流行的主要色彩。
