可能重复:
基于数字的颜色编码
我希望用户能够从1-100的范围中进行选择,其中当数字小于50时,区域的颜色变为深绿色,并且随着颜色变得接近100,颜色变得更红.
我试图使其成为更加朝向中心的范围,颜色应该接近白色(其中50 =全白).
我从这里尝试了答案:为功率计生成红色和绿色之间的颜色?无济于事...... 50最终变成了混乱的绿色......
我有以下html:
<span><span class="value">50</span><input type="range" /></span>?
Run Code Online (Sandbox Code Playgroud)
以下javascript:
$(document).on({
change: function(e) {
var self = this,
span = $(self).parent("span"),
val = parseInt(self.value);
if (val > 100) {
val = 100;
}
else if (val < 0) {
val = 0;
}
$(".value", span).text(val);
var r = Math.floor((255 * val) / 100),
g = Math.floor((255 * (100 - val)) / 100),
b = 0;
span.css({
backgroundColor: "rgb(" + r + "," + g + …Run Code Online (Sandbox Code Playgroud) 我想要一个数组,其中数组中的每个字段都包含一个颜色代码
array(0 => '#4CFF00', 1 => '#FFE97F')
Run Code Online (Sandbox Code Playgroud)
我希望这能够贯穿从绿色到黑色的各种颜色.
绿色 - >蓝色 - >深蓝色 - >紫色 - >黄色 - >橙色 - >红色 - >棕色 - >黑色
这个订单不需要完全相同,但我认为你得到的图片.任何人都可以帮忙吗?有没有一个网站以前做过这个?