漫谈PPT色彩by只为设计PPT精品47页课件.pptx

1、漫谈PPT色彩只为设计R:255 G:92 B:0RGB色盘RGBRGB是最常见的色彩模式但本ppt用的是HSL模式H:32 S:255 L:128HSL色盘HSLHSL与RGB模式可以很方便地进行切换点击如图下拉箭头，切换到HSL模式，在HSL下修改数值，再切换到RGB模式，值会相应自动修改。后文将以HSL模式为基础。我们只需要H(Hue)色调赤橙黄绿青蓝紫，这是通过色调控制的S(Saturation)饱和度某种颜色的艳丽程度，由饱和度来控制。L(Lightness)亮度某种颜色，由浅到深，通过控制亮度来得到HSL色彩模式介绍接下来开始正文色调饱和度亮度平行垂直斜交色彩的三大关系主要用于不同

2、元素的并列关系或同一元素的渐变在HSL色彩模式下只调节色调平行色彩平行关系色彩在HSL色盘上的位置关系示例1示例2特例慎用灰色:要表达并列关系的元素时，灰色应与多种色调搭配，且灰色不宜过多。否则很容易形成强调关系或整体不协调。表达的是同一/不同元素基于某种色调的层次变化关系垂直色彩1在HSL色彩模式下只调节亮度垂直关系1色彩在HSL色盘上的位置关系示例1单色渐变边框阴影综合H:11S:234L:119H:11S:234L:151H:11S:234L:39同一元素示例2不同元素释疑层次变化表现为：强调元素用深色非强调元素用浅色或灰色层次变化表现为:元素的并列关系是由于色彩分布错落有致，其中最明显

3、的色彩一般置于中央，淡化了色彩的层次释疑色彩由浅到深分布，突出了变化趋势，层次就明显了在HSL色彩模式下只调节饱和度表达的是同一/不同元素基于某种色调的层次变化关系，与垂直色彩1意义相同垂直色彩2联系垂直色彩2垂直色彩1联系（HSL色彩立体模型，可不看）255H:11H0255255LSL:119S:234垂直色彩2垂直色彩1平行色彩区别（需牢记的）H，s不变L=0时，黑色L=255时，白色想要得到一个色调由浅到深的颜色，调整亮度H，L不变S=0时，最灰S=255时，最艳丽想要得到一个色调艳丽或偏灰的颜色调整饱和度示例是平行色彩与垂直色彩的结合，可实现更丰富的配色。斜交色彩斜交方式1：先平行，

4、后垂直1（调亮度）HSL:32,255,128HSL:42,255,128HSL:42,255,192先调节色调H:3242后调节亮度L：128192斜交方式1：先垂直1，后平行HSL:42,255,192后调节色调H:3242先调节亮度L：128192HSL:32,255,192HSL:32,255,128与前页等价斜交方式2：先平行，后垂直2（调饱和度）HSL:32,255,128HSL:42,255,128HSL:42,192,128先调节色调H:3242后调节饱和度S：255192斜交方式2：先垂直2，后平行HSL:42,192,128后调节色调H:3242先调节饱和度S：255192

5、HSL:32,192,128HSL:32,255,128与前页等价斜交方式3：平行、垂直1、垂直2先调节色调H：3256后调节亮度L：12895再调节饱和度S：25583HSL:32,255,128HSL:56,255,128HSL:56,83,95HSL:56,255,95任意两种颜色都可以通过斜交方式3得到斜交方式4 同一色调 前面讲的是不同色调颜色的斜交调整方式，这里讲一下同一色调的斜交。A(19,150,119)19,234,119调节饱和度S：234150B(19,234,96)调节亮度L：11996C(19,150,96)如A，仍然感觉有点亮；如B，感觉有点艳丽。这时我们就需要使用

6、斜交色彩得到C斜交方式4 同一色调同样的道理如D，仍然感觉有点亮；如E，感觉有点艳丽这时我们就需要使用斜交色彩得到F感觉是否不同？E(19,150,119)F(19,150,213)调节饱和度S：234150D(19,234,213)调节亮度L：11921319,234,119斜交方式4 同一色调由此我们得到了，与垂直色彩不同的颜色方案，颜色更具变化性，让我们有了更多的色彩选择19,234,11919,150,9619,150,21338,234,11938,150,9638,150,21352,234,11952,150,9652,150,213170,0,119170,0,96170,0,

7、213更多示例示例 垂直1色彩（调亮度）做渐变效果首先，确定基色11，233，110渐变211，233，110渐变1和线框色11，233，150阴影11，233，48根据基色，衍生出垂直色彩，分别用于渐变填充、线框色和阴影，也可以根据需求，衍生出更多垂直色彩。示例 垂直1色彩（调亮度）做渐变效果绘制形状用之前得到的垂直色彩赋色示例 垂直1色彩（调亮度）做渐变效果元素各个部分赋色说明*射线渐变填充渐变211，233，110渐变111，233，150阴影11，233，48线框色11，233，150示例 平行色彩做多种色调*这里罗列出具有代表性的色调，实际中是用不了这么多*请注意看HSL值渐变211

8、，233，110渐变1和线框色11，233，150阴影11，233，48渐变224，233，110渐变1和线框色24，233，150阴影24，233，48渐变236，233，110渐变1和线框色36，233，150阴影36，233，48渐变250，233，110渐变1和线框色50，233，150阴影50，233，48示例 平行色彩做多种色调*这里罗列出具有代表性的色调，实际中是用不了这么多*请注意看HSL值渐变263，233，110渐变1和线框色63，233，150阴影63，233，48渐变280，233，110渐变1和线框色80，233，150阴影80，233，48渐变2124，233，11

9、0渐变1和线框色124，233，150阴影124，233，48渐变2140，233，110渐变1和线框色140，233，150阴影140，233，48示例 平行色彩做多种色调*这里罗列出具有代表性的色调，实际中是用不了这么多*请注意看HSL值渐变2150，233，110渐变1和线框色150，233，150阴影150，233，48渐变2170，233，110渐变1和线框色170，233，150阴影170，233，48渐变2190，233，110渐变1和线框色190，233，150阴影190，233，48渐变2200，233，110渐变1和线框色200，233，150阴影200，233，48示例

10、平行色彩做多种色调*这里罗列出具有代表性的色调，实际中是用不了这么多*请注意看HSL值渐变2216，233，110渐变1和线框色216，233，150阴影216，233，48渐变2236，233，110渐变1和线框色236，233，150阴影236，233，48渐变20，233，110渐变1和线框色0，233，150阴影0，233，48渐变2170，0，110渐变1和线框色170，0，150阴影170，0，48示例 平行色彩做多种色调罗列出的16种平行色彩，足够平常所用。这里的颜色仅供参考。实际上是有255种色调可供选择。示例 垂直色彩2+平行色彩做多种色调如果觉得颜色有点艳丽，可相应调整饱和

11、度，这里调整的是渐变2与线框色的饱和度，渐变1和阴影不做调整渐变20，110渐变10，233，150阴影0，233，48线框色0，150示例2 平行色彩做渐变前面我们讲的是一个元素基于垂直色彩的渐变，这里讲讲平行色彩的渐变。平行色彩的渐变表达的也是一种颜色的平等关系，平衡感较强渐变2，233，110渐变1，233，110示例3 斜交色彩做渐变如果要打破这种平衡感，呈现层次性的变化，斜交色彩就有了用武之地。渐变30，233，110渐变1（即白色）33，233，255渐变233，233，示例3 斜交色彩做渐变任何两种颜色，都可以斜交方式3得到。所以斜交色彩配色更加丰富，也更加复杂，但也运用的较为广泛。掌握了HSL调整方法，多加尝试和练习，会让我们配色更加自如最后请牢记平行色彩调色调垂直色彩2调饱和度垂直色彩1调亮度斜交色彩平行+垂直色彩