红影 发表于 2022-3-24 22:15
那些变色方案已经把我看迷糊了
其实简单的,就是用 rgba 配色方式,JS里分别获取随机值给三个变量 r、g、b,然后使用线性渐变将 rgb 三种颜色搭配成两个颜色,两者变换一下变量位置的顺序。
红影 发表于 2022-3-24 22:15
那些变色方案已经把我看迷糊了
这句
bb.style.background = 'linear-gradient(45deg,rgb(' + r + ',' + g + ',' + b + '),rgb(' + g +',' + b + ',' + r +'))';
翻译成CSS的话就是
background: linear-gradient(45deg,rgb(r,g,b), rgb(g,b,r));
红色的 r,g,b 是数值变量,随机变化。橙色的 rgb 是 rgb颜色 表示方法
马黑黑 发表于 2022-3-24 22:18
其实简单的,就是用 rgba 配色方式,JS里分别获取随机值给三个变量 r、g、b,然后使用线性渐变将 rgb 三 ...
还可以把三种颜色搭配成两个啊,这个厉害了{:4_187:}
马黑黑 发表于 2022-3-24 22:25
这句
bb.style.background = 'linear-gradient(45deg,rgb(' + r + ',' + g + ',' + b + '),rgb(' + g...
嗯,,用数字的颜色表示方法,通过随机改变数字,达到颜色变化的效果{:4_199:}
红影 发表于 2022-3-24 23:02
嗯,,用数字的颜色表示方法,通过随机改变数字,达到颜色变化的效果
是的
红影 发表于 2022-3-24 23:00
还可以把三种颜色搭配成两个啊,这个厉害了
rgb或rgba方法需要三个元素(红蓝绿),它这样组成颜色:
rgb(红,蓝,绿)
rgb(红,蓝,绿,alpha值)
马黑黑 发表于 2022-3-25 12:32
rgb或rgba方法需要三个元素(红蓝绿),它这样组成颜色:
rgb(红,蓝,绿)
这个知道的,只是不知道可以通过改变动态他们的数字,能出现不停变换的色彩。
红影 发表于 2022-3-25 14:27
这个知道的,只是不知道可以通过改变动态他们的数字,能出现不停变换的色彩。
定时器控制,每隔一个指定时间改变一下它的背景色
马黑黑 发表于 2022-3-25 18:46
定时器控制,每隔一个指定时间改变一下它的背景色
这种改变颜色的方式很巧妙,这种改变用英文字母的就不行了吧,用六位字母和数字的表述应该也不行了。
红影 发表于 2022-3-25 21:25
这种改变颜色的方式很巧妙,这种改变用英文字母的就不行了吧,用六位字母和数字的表述应该也不行了。
英文字母的也可以哈,进制不同,可能抽象一些
马黑黑 发表于 2022-3-25 22:41
英文字母的也可以哈,进制不同,可能抽象一些
哦哦,还以为只有这个数字的可以呢。
红影 发表于 2022-3-25 22:51
哦哦,还以为只有这个数字的可以呢。
rgb是最好控制的,因为它用的是数值
马黑黑 发表于 2022-3-25 23:45
rgb是最好控制的,因为它用的是数值
是啊,其他的要么用字母,要么是字母和数字的组合,都不如纯数字方便。现在总算体会到了各种颜色表达方式里的在使用时的差异。
红影 发表于 2022-3-26 14:20
是啊,其他的要么用字母,要么是字母和数字的组合,都不如纯数字方便。现在总算体会到了各种颜色表达方式 ...
进制问题而已的,也不难的
马黑黑 发表于 2022-3-26 14:33
进制问题而已的,也不难的
不如单词颜色,根本就没法这样随机啊。
红影 发表于 2022-3-26 16:06
不如单词颜色,根本就没法这样随机啊。
要计算一下的
马黑黑 发表于 2022-3-26 16:28
要计算一下的
单词的组合千变万化,这个也能计算?
红影 发表于 2022-3-26 16:48
单词的组合千变万化,这个也能计算?
十六进制的规律
马黑黑 发表于 2022-3-26 17:57
十六进制的规律
这个,不懂。
红影 发表于 2022-3-26 21:20
这个,不懂。
进制还是换成十进制的好理解,人科动物的理解习惯