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 期望的值,以便颜色相同...
最佳答案
由于色调参数需要 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 },
]
}
关于android - RGB 值到 HSL 转换器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3472040/