RGB 值到 HSL 转换器

2023-11-28

Google 地图 API v3 允许将“样式”应用于地图,包括设置各种要素的颜色。然而,它使用的颜色格式是 HSL(或者看起来像这样):

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

(来自docs)

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

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

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


由于色调参数需要 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:])

Example:

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

Result:

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

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

alt text


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

对于水,gmaps 减去 0.5 的 gamma。要获得您想要的确切颜色,请使用上面的计算,然后添加 0.5 伽马值。

like:

{
  featureType: "water",
  elementType: "geometry",
  stylers: [
    { hue: "#2800e2" },
    { saturation: 100 },
    { lightness: -11 },
    { gamma: 0.5 },
  ]
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

RGB 值到 HSL 转换器 的相关文章

随机推荐