RGBA颜色渐变有两个极端

时间:2014-07-26 21:22:25

标签: leaflet heatmap rgba

这是一个艺术和哲学问题,与编程问题一样多。我正在使用传单创建一个热图图层。通常,热图描绘了数量的强度。

问题是,在这个热图中,我是[0,1]范围内的颜色映射值 - 我希望两个值接近于零,值接近于1表示“热”,值约为0.5表示中性或“酷”。此外,我希望能够在视觉上区分“热”零和“热”1,即来自[0,0.5]和[0.5,1]的不同但互补的色彩梯度。

我该如何正确地做到这一点?

下面是一个示例渐变,它提供了我的意思,但它是理想的。奇怪的是,如果我将不透明度设置为0,我会得到一个深灰色的颜色 - 相反,在0.5区域周围有几乎透明的颜色会很棒。有任何想法吗?

gradient: {
                0.00 :'rgba(0,0,238,1)',
                0.05 :'rgba(255,0,0,0.5)',
                0.10 :'rgba(255,0,0,0.5)',
                0.15: 'rgba(255,0,0,0.2)',
                0.20: 'rgba(255,0,0,0.2)',
                0.25: 'rgba(238,18,137,0.2)',
                0.30: 'rgba(205,0,205,0.2)',
                0.35: 'rgba(178,58,238,0.1)',
                0.40: 'rgba(154,50,205,0.1)',
                0.45: 'rgba(240,255,255,0.1)',
                0.50: 'rgba(240,255,255,0.1)',
                0.55: 'rgba(240,255,255,0.1)',
                0.60: 'rgba(0,255,0,0.1)',
                0.65: 'rgba(0,255,0,0.1)',
                0.70: 'rgba(0,255,0,0.2)',
                0.75: 'rgba(255,255,0,0.2)',
                0.85: 'rgba(255,255,0,0.2)',
                0.90: 'rgba(255,255,0,0.5)',
                0.95: 'rgba(255,0,0,0.5)',
                1.00: 'rgba(255,0,0,1)'
            }
        }

1 个答案:

答案 0 :(得分:0)

您正在寻找发散配色方案。转到ColorBrewer,选择“发散”数据,然后选择颜色方案。