RGBA色彩渐变与两个极端

这是一个艺术和哲学问题，与编程一样多。我正在使用传单来创建热图层。通常情况下，热点图描绘的是数量的强度。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)' 
      } 
     }

来源

2014-07-26 user1452494

你正在寻找一个发散配色方案。转到ColorBrewer，选择“发散”数据，然后选择配色方案。

来源

2014-07-27 19:07:28 tmcw

RGBA色彩渐变与两个极端

回答

相关问题