D3颜色设置

var c = d3.color("steelblue").brighter(); 
console.log(c)
d3.select("#k").style("color",c).style("font-size","40px")

d3.color

var c = d3.color("steelblue"); // {r: 70, g: 130, b: 180, opacity: 1}

d3.hsl

var c = d3.hsl("steelblue")
c.h += 90;
c.s += 0.2;
c + ""; 

color.opacity

设置 color 的透明度, 范围 [0,1].

color.rgb() <>

返回颜色的 RGB 表示. 对于RGB颜色则返回自身.

color.brighter([k]) <>

返回基于某个颜色的更亮的副本. 如果指定了 k 则表示调整的亮度系数. 如果没有指定 k 则默认为 1. 这个操作的实现依赖于具体的颜色空间.

color.darker([k]) <>

返回基于某个颜色的更暗的副本. 如果指定了 k 则表示调整的暗度系数. 如果没有指定 k 则默认为 1. 这个操作的实现依赖于具体的颜色空间.

color.displayable() <>

当且仅当在标准的硬件上支持显示该颜色时才会返回 true. 例如当使用 RGB 颜色空间时, 其中一个颜色通道值小于 0 或大于 255 或者透明度值不在 [0, 1] 范围内都会返回 false.

color.toString() <>

根据 CSS Object Model specification(对象模型规范) 返回颜色的字符串标识, 比如 rgb(247, 234, 186). 如果颜色不可显示, 则会返回一个经过调整的可显示的值. 比如 RGB 颜色空间中某个通道值大于 255 时会自动将其调整为 255.