android - RGB 值到 HSL 转换器

Question

Google maps api v3 允许将“样式”应用于 map ，包括设置各种特征的颜色。但是，它使用的颜色格式是 HSL(或者类似的格式):

• 色调(RGB 十六进制字符串)
• 亮度(-100 到 100 之间的浮点值)
• 饱和度(-100 到 100 之间的浮点值)

(来自docs)

我设法在网上找到了 RGB 到 HSL 的转换器，但我不确定如何以谷歌地图接受的方式指定转换后的值。例如，转换器给出的典型 HSL 值为:209° 72% 49%

HSL 值如何映射到我从 google maps api 指定的参数？即色调度值如何映射到 RGB 十六进制字符串以及百分比如何映射到 -100 到 100 之间的浮点值？

我仍然不确定如何进行转换。给定一个 RGB 值，我需要快速将其转换为 google maps 期望的值，以便颜色相同...

Answer 1

由于色调参数需要 RGB，因此您可以使用原始颜色作为色调。

rgb2hsl.py:

#!/usr/bin/env python

def rgb2hsl(r, g, b):
    #Hue: the RGB string
    H = (r<<16) + (g<<8) + b
    H = "0x%06X" % H

    #convert to [0 - 1] range
    r = float(r) / 0xFF
    g = float(g) / 0xFF
    b = float(b) / 0xFF

    #http://en.wikipedia.org/wiki/HSL_and_HSV#Lightness
    M = max(r,g,b)
    m = min(r,g,b)
    C = M - m

    #Lightness
    L = (M + m) / 2

    #Saturation (HSL)
    if L == 0:
        S = 0
    elif L <= .5:
        S = C/(2*L)
    else:
        S = C/(2 - 2*L)

    #gmaps wants values from -100 to 100
    S = int(round(S * 200 - 100))
    L = int(round(L * 200 - 100))

    return (H, S, L)


def main(r, g, b):
    r = int(r, base=16)
    g = int(g, base=16)
    b = int(b, base=16)
    print rgb2hsl(r,g,b)

if __name__ == '__main__':
    from sys import argv
    main(*argv[1:])

例子:

$ ./rgb2hsl.py F0 FF FF
('0xF0FFFF', 100, 94)

---

结果:

下面是一个屏幕截图，显示主体设置为 rgb 背景颜色(在本例中为#2800E2)，以及具有样式道路几何的谷歌地图，使用如上计算的值('0x2800E2'，100，-11) .

很明显，谷歌使用您的样式来创建以给定颜色为中心的六种不同颜色，轮廓最接近输入。我相信这已经很接近了。

---

来自实验:http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

对于水，gmaps 会减去 0.5 的 Gamma 值。要获得您想要的确切颜色，请使用上面的计算，并将 .5 Gamma 加回去。

喜欢:

{
  featureType: "water",
  elementType: "geometry",
  stylers: [
    { hue: "#2800e2" },
    { saturation: 100 },
    { lightness: -11 },
    { gamma: 0.5 },
  ]
}