Snap.getRGB(color)

解析颜色字符串为RGB对象。


参数

color 字符串。下面任意一种类型的字符串:

  • 颜色关键字。(red, green, cornflowerblue, 等) 关于CSS中145个颜色关键字可以点击这里参考。
  • ••• — 短缩写的HTML颜色: (#000, #fc0, 等)

  • •••••• — 全长度HTML颜色: (#000000, #bd2300)

  • rgb(•••, •••, •••) — 红绿蓝通道值: (rgb(200, 100, 0))
  • rgba(•••, •••, •••, •••) — 还有透明度
  • rgb(•••%, •••%, •••%) — 与上面一样,不过是百分比形式: (rgb(100%, 175%, 0%))
  • rgba(•••%, •••%, •••%, •••%) — 还有透明度
  • hsb(•••, •••, •••) — 色调,饱和度和亮度值: (hsb(0.5, 0.25, 1))
  • hsba(•••, •••, •••, •••) — 还有透明度
  • hsb(•••%, •••%, •••%) — 与上面一样,不过是百分比形式
  • hsba(•••%, •••%, •••%, •••%) — 还有透明度
  • hsl(•••, •••, •••) — 色调,饱和度和亮度值: (hsb(0.5, 0.25, 0.5))
  • hsla(•••, •••, •••, •••) — 还有透明度
  • hsl(•••%, •••%, •••%) — 与上面一样,不过是百分比形式
  • hsla(•••%, •••%, •••%, •••%) — 还有透明度

返回值

对象。格式类似下面:

{
    'r' :     数值。红色。
    'g' :     数值。绿色。
    'b' :     数值。蓝色。
    'hex' :   字符串。十六进制格式颜色值,HTML/CSS使用的格式: #••••••.
    'error' : 布尔值。字符串是否可以解析。
}

使用
console.dir(Snap.getRGB("indianred"));

输出结果