相关疑难解决方法(0)

可能重复:
基于数字的颜色编码

我希望用户能够从1-100的范围中进行选择,其中当数字小于50时,区域的颜色变为深绿色,并且随着颜色变得接近100,颜色变得更红.

我试图使其成为更加朝向中心的范围,颜色应该接近白色(其中50 =全白).

我从这里尝试了答案:为功率计生成红色和绿色之间的颜色？无济于事...... 50最终变成了混乱的绿色......

我有以下html:

<span><span class="value">50</span><input type="range" /></span>?

以下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 + …