将三个通道值写为十六进制颜色。
min 和 max 指定这些值使用的范围;0 到 255 以外的范围会先被重新映射,因此 0 到 1 的通道也可以。
示例:r 255,g 87,b 51 在 [0,255] 中 -> '#ff5733';r 1,g 0.5,b 0.2 在 [0,1] 中 -> '#ff8033'
红、绿和蓝值及其范围
十六进制颜色
将 { r, g, b } 颜色写为十六进制颜色。
min 和 max 指定通道使用的范围;0 到 255 以外的范围会先被重新映射。
示例:{ r: 1, g: 0.5, b: 0.2 } 在 [0,1] 中 -> '#ff8033'
颜色对象及其通道使用的范围
十六进制颜色
将十六进制颜色读入 { r, g, b } 对象,通道重新映射到你选择的范围。
示例:'#FF5733' 映射到 [0,1] -> { r: 1, g: 0.341, b: 0.2 }
十六进制颜色和通道要映射到的范围
通道值在该范围内的颜色对象
原样传递十六进制颜色,使一个颜色可以被命名并重用。
示例:'#FF5733' -> '#FF5733'
十六进制颜色
同一个十六进制颜色
原样传递颜色通道从 0 到 255、不透明度从 0 到 1 的 { r, g, b, a } 颜色,使它可以被命名并重用。
示例:{ r: 255, g: 87, b: 51, a: 1 } -> 同一个对象
颜色对象
同一个颜色对象
由三个单独的 0 到 255 通道值构建 { r, g, b } 颜色。
示例:r 255,g 87,b 51 -> { r: 255, g: 87, b: 51 }
红、绿和蓝值
颜色对象
由三个单独的 0 到 1 通道值构建 { r, g, b } 颜色。
示例:r 1,g 0.34,b 0.2 -> { r: 1, g: 0.34, b: 0.2 }
红、绿和蓝值
颜色对象
读取十六进制颜色的红色通道,重新映射到你选择的范围。
示例:'#FF5733' 在 [0,1] 中 -> 1
十六进制颜色和通道要映射到的范围
该范围内的红色通道
读取十六进制颜色的绿色通道,重新映射到你选择的范围。
示例:'#FF5733' 在 [0,1] 中 -> 0.341
十六进制颜色和通道要映射到的范围
该范围内的绿色通道
读取十六进制颜色的蓝色通道,重新映射到你选择的范围。
示例:'#FF5733' 在 [0,1] 中 -> 0.2
十六进制颜色和通道要映射到的范围
该范围内的蓝色通道
反转十六进制颜色,将每个通道变为其相反值:255 减去该值。
打开 blackAndWhite 时,结果对浅色为纯黑,对深色为纯白,适合彩色背景上的文本。
示例:'#FF5733' -> '#00a8cc';带 blackAndWhite -> '#ffffff'
十六进制颜色以及是否将结果简化为黑色或白色
反转后的十六进制颜色
读取 { r, g, b } 颜色的红色通道。
示例:{ r: 255, g: 87, b: 51 } -> 255
颜色对象
红色通道,采用对象所使用的范围
读取 { r, g, b } 颜色的绿色通道。
示例:{ r: 255, g: 87, b: 51 } -> 87
颜色对象
绿色通道,采用对象所使用的范围
读取 { r, g, b } 颜色的蓝色通道。
示例:{ r: 255, g: 87, b: 51 } -> 51
颜色对象
蓝色通道,采用对象所使用的范围
库使用的两种颜色形式:十六进制文本(如
#ff5733),以及通道值从 0 到 255 或从 0 到 1 的对象{ r, g, b }或{ r, g, b, a }。这里的方法以每种形式构建颜色,按显式的通道范围在它们之间转换,读取单个通道,以及反转颜色。