位圖高度的視覺效果

Question

我正在創建一個地圖，即位圖，其中每個像素都有一些實際值 - 高度。我想根據高度填充每個像素，如果這個像素。我想獲得諸如this之類的東西，但採用2D。

什麼是將高度映射到（R，G，B）的功能，我有這樣的圖片？

編輯：我在Python中的代碼。

Answer 1

這只是一種色調，從360 °開始，並回退到0 °。您還沒有指定一個語言，但在這裏是如何從HSL做轉換爲RGB在JavaScript中，例如：

/** 
* Converts an HSL color value to RGB. Conversion formula 
* adapted from http://en.wikipedia.org/wiki/HSL_color_space. 
* Assumes h, s, and l are contained in the set [0, 1] and 
* returns r, g, and b in the set [0, 255]. 
* 
* @param Number h  The hue 
* @param Number s  The saturation 
* @param Number l  The lightness 
* @return Array   The RGB representation 
*/ 
function hslToRgb(h, s, l) { 
    var r, g, b; 

    if(s == 0) { 
     r = g = b = l; // achromatic 
    } else { 
     function hue2rgb(p, q, t){ 
      if(t < 0) t += 1; 
      if(t > 1) t -= 1; 
      if(t < 1/6) return p + (q - p) * 6 * t; 
      if(t < 1/2) return q; 
      if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; 
      return p; 
     } 

     var q = l < 0.5 ? l * (1 + s) : l + s - l * s; 
     var p = 2 * l - q; 
     r = hue2rgb(p, q, h + 1/3); 
     g = hue2rgb(p, q, h); 
     b = hue2rgb(p, q, h - 1/3); 
    } 

    return [r * 255, g * 255, b * 255]; 
} 

你會想100％的固定飽和度和50％的亮度。