[纯干货]RGB算法教学进阶篇(二):彩虹渐变

精华修改于2021/09/061277 浏览攻略
自从基础篇推出后好久没有更新了,今天卧病在床闲着没事干突然想起来了要更新攻略。
由于进阶篇篇(一)篇幅较长,先发出进阶篇(二)
⚠️前排提示:在未阅读基础篇进阶篇(一)前请勿阅读本篇教程
镇楼图
TapTap
.
.
.
本篇主要的讲解内容为彩虹渐变
上篇中提到了一个简单的单色至单色的渐变:纯红到纯蓝#ff0000→#0000ff
彩虹渐变本质上和这个渐变一样,甚至更简单。
我在此先将全渐变过程发出来。
[ff0000]→[ff1100]→[ff2200]→[ff3300]→[ff4400]→[ff5500]→[ff6600]→[ff7700]→[ff8800]→[ff9900]→[ffaa00]→[ffbb00]→[ffcc00]→[ffdd00]→[ffee00]→[ffff00]→[eeff00]→[ddff00]→[ccff00]→[bbff00]→[aaff00]→[99ff00]→[88ff00]→[77ff00]→[66ff00]→[55ff00]→[44ff00]→[33ff00]→[22ff00]→[11ff00]→[00ff00]→[00ff11]→[00ff22]→[00ff33]→[00ff44]→[00ff55]→[00ff66]→[00ff77]→[00ff88]→[00ff99]→[00ffaa]→[00ffbb]→[00ffcc]→[00ffdd]→[00ffee]→[00ffff]→[00eeff]→[00ddff]→[00ccff]→[00bbff]→[00aaff]→[0099ff]→[0088ff]→[0077ff]→[0066ff]→[0055ff]→[0044ff]→[0033ff]→[0022ff]→[0011ff]→[0000ff]→[1100ff]→[2200ff]→[3300ff]→[4400ff]→[5500ff]→[6600ff]→[7700ff]→[8800ff]→[9900ff]→[aa00ff]→[bb00ff]→[cc00ff]→[dd00ff]→[ee00ff]→[ff00ff]→[ff00ee]→[ff00dd]→[ff00cc]→[ff00bb]→[ff00aa]→[ff0099]→[ff0088]→[ff0077]→[ff0066]→[ff0055]→[ff0044]→[ff0033]→[ff0022]→[ff0011]→[ff0000]
TapTap
(具体效果如图所示)
.
.
.
我们将其拆解成几部分来讲解
1.#ff0000→#ffff00
这部分的渐变本质上为纯红到纯黄的渐变
我们只需要在G值上逐渐的加数值就可以
TapTap
(效果如图)
2.#ffff00→#00ff00
这一部分的本质上纯黄到纯绿
这时候不同于上一个操作,我们需要对R值进行减少,以做到渐变到纯绿。
TapTap
(效果如图)
(ps.绿色部分的渐变我实在是很难分辨出相邻色块的颜色区别,也可能是因为我绿色色弱的问题,各位一定要保护好眼睛)
3.#00ff00→00ffff
此部分同理于上述操作,在B值上加值即可
TapTap
(效果如图)
4.重复上述操作
实际上,如果我们将上面的全过程简化的话,实际上看起来是这样的
#ff0000→......→#ffff00→......→#00ff00→......→#00ffff→......→#0000ff→......→#ff00ff→......→#ff0000
而且我们可以看出,这个渐变是可以进行无限循环的。而且通过进阶篇(一)可知,我们可以将这条彩虹随意的改短改长。
.
.
.
请大家多多点赞转发并提出建议。
转载请标注原作者。
进阶篇三将在不久之后推出
40
26
24