这篇博客介绍了D3.js中颜色处理的概念，包括RGB和HSL色彩模式的创建、转换，以及如何使用brighter()、darker()调整明暗。还详细讲解了颜色的插值操作，如d3.interpolateRgb()和d3.interpolateHsl()，并展示了如何实现颜色之间的平滑过渡。
颜色是作图不可少的概念，常用的标准有 RGB 和 HSL，D3 提供了创建颜色对象的方法，能够相互转换和插值。
RGB色彩模式是通过对红（Red）、绿（Green）、蓝（Blue）三个颜色通道相互叠加来得到各式各样的颜色。三个通道的值的范围都为0~255，因此总共能表示16777216(256 * 256 * 256)种，即一千六百多万种。几乎包括了人类所能识别的所有颜色，是最广泛也是最容易理解的颜色系统之一。
HSL色彩模式是通过对色相（Hue）、饱和度（Saturation）、明度（Lightness）三个通道的相互叠加来得到各种颜色的。其中，色相的范围为0°~360°，饱和度的范围为0~1，明度的范围为0~1。色相的取值是一个角度，每个角度可以代表之中颜色，需要记住的是0°或360°代表红色，120°代表绿色，240°代表蓝色。饱和度的数值越大，颜色越鲜艳，灰色越少。明度值用于控制色彩的明暗变化，值越大，越明亮，越接近于白色；值越小，越暗&
最低0.47元/天 解锁文章
扫一扫
470
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
