d3- 颜色
这个叉子只打算用到基巴纳!
尽管你的浏览器对颜色了解很多, 因此,d3-color模块为各种色彩空间提供表示,允许规格,转换和操纵. (又见: d3-内插 用于颜色插值。 )
例如,取被命名为"钢蓝"的颜色:
var c = d3.color("steelblue"); // {r: 70, g: 130, b: 180, opacity: 1}
让我们尝试将其转换为 HSL :
var c = d3.hsl("steelblue"); // {h: 207.27…, s: 0.44, l: 0.4902…, opacity: 1}
现在旋转到90°, 将饱和度突起, 格式化为 CSS 的字符串 :
c.h += 90;
c.s += 0.2;
c + ""; // rgb(198, 45, 205)
略去颜色:
c.opacity = 0.8;
c + ""; // rgba(198, 45, 205, 0.8)
除了无所不在和方便机器之外 RGB 语言 财务报告和审定财务报表 高级 色彩空间, d3- 颜色支持为人类设计的色彩空间 :
Cubehelix 具有单调光度,而 CIELAB 及其极地形态 CIELCH页:1 感觉很统一.
关于额外的色彩空间,见:
安装
如果你使用国家预防机制, npm install d3-color否则,下载 最新发布。也可以直接从 d3js.org (英语),或者作为 独立图书馆 或作为 D3级AMD,CommonJS,和香草环境得到支持. 在香草,一个 d3 全局导出 :
<script src="https://d3js.org/d3-color.v1.min.js"></script>
<script>
var steelblue = d3.rgb("steelblue");
</script>
API 参考
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.颜色(单位:千美元)规格(中文(简体) ) <>
解析指定的 CSS 颜色模块 3级 规格 字符串,返回一个 RGB 语言 或者说 高级 颜色,连同 CSS 颜色模块等级 4 六进制 规格 字符串。 如果规格无效,则返回无效。 一些例子:
rgb(255, 255, 255)rgb(10%, 20%, 30%)rgba(255, 255, 255, 0.4)rgba(10%, 20%, 30%, 0.4)hsl(120, 50%, 20%)hsla(120, 50%, 20%, 0.4)#ffeeaa#fea#ffeeaa22#fea2steelblue
所支持的列表 命名颜色 由CSS指定.
注意: 此函数也可以用于 instanceof 以测试对象是否为颜色实例。 颜色子类也是如此,允许您测试某一颜色是否位于特定的颜色空间.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .透明度
此颜色的不透明, 通常在 [0, 1] 范围内 .
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .参数(a) 与《公约》有关的其他事项 <>
返回 RGB 当量 此颜色。 对RGB颜色来说 this。 。 。 .
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .复制([数值) <>
返回此颜色的副本 。 若为 数值 指定,任何可假设的自有属性 数值 被分配到新返回的颜色。 例如,获取一份副本 颜色 含不透明 0.5,比如说
color.copy({opacity: 0.5})
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .亮点([页:1) <>
返回此颜色的更亮副本 。 若为 页:1 ,它控制返回的颜色应有多亮。 若为 页:1 未指定,则默认为 1。 这种方法的行为取决于执行的色彩空间.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .较暗([页:1) <>
返回此颜色的更暗的副本 。 若为 页:1 ,它控制返回的颜色应多暗。 若为 页:1 未指定,则默认为 1。 这种方法的行为取决于执行的色彩空间.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .可显示(a) 与《公约》有关的其他事项 <>
在标准硬件上显示颜色时返回真实性。 例如,如果任何通道值在四舍五入时小于零或大于255,或者不透明度不在[0, 1] 范围内,此返回为 RGB 颜色的假值.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .格式汉斯(a) 与《公约》有关的其他事项 <>
返回 RGB 空间中代表此颜色的十六进制字符串, 例如 #f7eaba如果无法显示此颜色,则返回合适的可显示颜色。 例如,大于255的RGB通道值被夹到255.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .格式汉字(a) 与《公约》有关的其他事项 <>
根据 CSS 色彩模块 第三级规格,例如 hsl(257, 50%, 80%) 或者说 hsla(257, 50%, 80%, 0.2)如果无法显示此颜色,则通过将 S 和 L 通道值夹到间隔 [0, 100] 来返回合适的可显示颜色.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .格式 Rgb(a) 与《公约》有关的其他事项 <>
根据 CSS 对象模型规格,例如 rgb(247, 234, 186) 或者说 rgba(247, 234, 186, 0.2)。如果无法显示这种颜色,则通过将 RGB 通道值夹到间隔[0, 255] 来返回合适的可显示颜色.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 颜色。 。 。 .倒数(a) 与《公约》有关的其他事项 <>
一个别名 颜色.formatRgb 数据。 。 。 .
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.参数(单位:千美元)尔, (中文(简体) ), 页:1, (中文(简体) ), 页:1[, 透明度) <>
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.参数(单位:千美元)规格(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.参数(单位:千美元)颜色(中文(简体) )
构造一个新的 RGB 语言 颜色 频道值以 r, (中文(简体) ), g 财务报告和审定财务报表 b 属性。 使用 RGB 取色器 来探索这个颜色空间.
若为 尔, (中文(简体) ), 页:1 财务报告和审定财务报表 页:1 指定,这些表示返回颜色的通道值;a 透明度 也可具体说明。 如果 CSS 颜色模块 3 级 规格 字符串被指定,被解析后转换为RGB色彩空间. 见 颜色 用于实例。 如果有的话 颜色 实例指定,将它转换为 RGB 色彩空间 颜色页:1。注意与 颜色页:1 这种方法 永远 返回新实例,即使 颜色 已经是一个 RGB 颜色.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.嘘(单位:千美元)页:1, (中文(简体) ), 编号, (中文(简体) ), ưμ㼯a[, 透明度) <>
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.嘘(单位:千美元)规格(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.嘘(单位:千美元)颜色(中文(简体) )
构造一个新的 高级 颜色 频道值以 h, (中文(简体) ), s 财务报告和审定财务报表 l 属性。 使用 HSL 取色器 来探索这个颜色空间.
若为 页:1, (中文(简体) ), 编号 财务报告和审定财务报表 ưμ㼯a 指定,这些表示返回颜色的通道值;a 透明度 也可具体说明。 如果 CSS 颜色模块 3 级 规格 指定了字符串,它被解析后转换为 HSL 色彩空间 。 见 颜色 用于实例。 如果有的话 颜色 实例指定,将它转换为 RGB 色彩空间 颜色页:1 后被转换为HSL. (已进入 HSL 色彩空间的颜色跳过转换为 RGB. )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.实验室(单位:千美元)ưμ㼯a, (中文(简体) ), (单位:千美元), (中文(简体) ), 页:1[, 透明度) <>
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.实验室(单位:千美元)规格(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.实验室(单位:千美元)颜色(中文(简体) )
构造一个新的 玻利维亚 颜色 频道值以 l, (中文(简体) ), a 财务报告和审定财务报表 b 属性。 使用 CIELAB 取色器 来探索这个颜色空间。 价值 ưμ㼯a 通常在 [0, 100] 范围内,而 (单位:千美元) 财务报告和审定财务报表 页:1 通常在[-160,+160]中.
若为 ưμ㼯a, (中文(简体) ), (单位:千美元) 财务报告和审定财务报表 页:1 指定,这些表示返回颜色的通道值;a 透明度 也可具体说明。 如果 CSS 颜色模块 3 级 规格 指定了字符串,它被解析后转换为 CIELAB 色彩空间. 见 颜色 用于实例。 如果有的话 颜色 实例指定,将它转换为 RGB 色彩空间 颜色页:1 后被改造为CIELAB. (已经存在于CIELAB色彩空间中的颜色跳过转换为RGB,而HCL色彩空间中的颜色会被直接转换为CIELAB
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.灰色(单位:千美元)ưμ㼯a[, 透明度) <>
构造一个新的 玻利维亚 与指定的颜色 ưμ㼯a 价值和 (单位:千美元) =: 页:1 =0 (韩语).
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.小时(单位:千美元)页:1, (中文(简体) ), c. 国家, (中文(简体) ), ưμ㼯a[, 透明度) <>
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.小时(单位:千美元)规格(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.小时(单位:千美元)颜色(中文(简体) )
等值为 d3.lch (英语),但有倒置的参数命令.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.尔克(单位:千美元)ưμ㼯a, (中文(简体) ), c. 国家, (中文(简体) ), 页:1[, 透明度) <>
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.尔克(单位:千美元)规格(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.尔克(单位:千美元)颜色(中文(简体) )
构造一个新的 查尔茨页:1 颜色 频道值以 l, (中文(简体) ), c 财务报告和审定财务报表 h 属性。 使用 查尔茨页:1 取颜色器 来探索这个颜色空间。 价值 ưμ㼯a 通常在 [0, 100] 范围内, c. 国家 通常在[0,230]中,以及 页:1 通常为 [0, 360] .
若为 ưμ㼯a, (中文(简体) ), c. 国家,以及 页:1 指定,这些表示返回颜色的通道值;a 透明度 也可具体说明。 如果 CSS 颜色模块 3 级 规格 指定字符串, 解析后转换为 CIELCH页:1 颜色空间。 见 颜色 用于实例。 如果有的话 颜色 实例指定,将它转换为 RGB 色彩空间 颜色页:1 然后转换为 CIELCH页:1. (已进入CIELCH的校友)页:1 颜色空间跳过转换到 RGB, CIELAB 颜色空间中的颜色直接转换到 CIELCH页:1. ) (中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.立方体(单位:千美元)页:1, (中文(简体) ), 编号, (中文(简体) ), ưμ㼯a[, 透明度) <>
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.立方体(单位:千美元)规格(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} d3. 国家.立方体(单位:千美元)颜色(中文(简体) )
构造一个新的 立方体 颜色 频道值以 h, (中文(简体) ), s 财务报告和审定财务报表 l 属性。 使用 立方体颜色拾取器 来探索这个颜色空间.
若为 页:1, (中文(简体) ), 编号 财务报告和审定财务报表 ưμ㼯a 指定,这些表示返回颜色的通道值;a 透明度 也可具体说明。 如果 CSS 颜色模块 3 级 规格 指定了字符串,它被解析后转换为 Cubehelix 色彩空间. 见 颜色 用于实例。 如果有的话 颜色 实例指定,将它转换为 RGB 色彩空间 颜色页:1 之后又被转换为Cubehelix. (已位于 Cubehelix 色彩空间中的颜色跳过转换为 RGB 。)