色彩梯度

在色彩科学中，颜色渐变指定了一系列与位置相关的颜色，通常用于填充一个区域。

颜色渐变也称为颜色渐变或颜色渐变。 在为一组值分配颜色时，渐变是一个连续的颜色图，一种颜色方案。

• 色彩梯度是一组按线性顺序（有序）排列的颜色
• 连续色彩图是色彩空间中的一条曲线

• 通过 RGB 色彩空间绘制曲线
• 灰色
• 立方体螺旋
• 单纯疱疹病毒彩虹
• 发散

分类标准：

• 维度
• 离散（分类）/连续
• 形状
• 范围：全部或有限。 示例：饱和度范围有限的柔和色彩。
• 感知一致性
• 订购
  • 有序（顺序）和无序（分类）
  • 知觉顺序
• 色觉缺陷或色盲人士的可读性（colorblind-friendly）
• 色彩空间

• 一维
• 二维
• 3D

轴向颜色渐变（有时也称为线性颜色渐变）由两个点指定，每个点指定一种颜色。 沿通过这些点的线的颜色使用线性插值计算，然后垂直于该线延伸。 在数字成像系统中，颜色通常在 RGB 颜色空间中进行插值，通常使用伽马压缩的 RGB 颜色值，而不是线性颜色值。 CSS 和 SVG 都支持线性渐变。

径向渐变被指定为在边缘具有一种颜色而在中心具有另一种颜色的圆。 颜色是根据距中心的距离通过线性插值计算的。 这可用于近似球体对来自点光源的光的漫反射。 CSS 和 SVG 都支持径向渐变。

圆锥或锥形渐变是颜色过渡围绕中心点旋转的渐变（而不是从中心辐射）。 示例圆锥渐变包括饼图和色轮。

在矢量图中可以使用多边形网格，例如，Adobe Illustrator 支持的渐变网格。

渐变的外观不仅因颜色本身而异，而且还因执行计算的颜色空间而异。这个问题通常变得很重要，原因有两个：

• 色彩空间的伽玛校正。 典型的 γ 约为 2，很容易看出启用伽马的颜色空间将比线性强度颜色空间混合得更暗，因为两个数字的平方和永远不会超过它们总和的平方。 这种效果在混合互补色（如红色和绿色）时最为明显，中间颜色是深色而不是预期的黄色。 此页面上的径向和圆锥示例清楚地显示了此错误。
• 处理其他感知属性。 在信息可视化中，不希望有一个假定的平坦梯度显示沿途的亮度和饱和度的非单调变化。 这是因为人类视觉会强调这些品质，从而导致解释上的偏见或混乱。

线性混合与物理光混合相匹配，长期以来一直是游戏引擎的标准。 然而，在网络上，颜色渐变和图像缩放长期以来一直被忽视。 这样的混合与在感知均匀的色彩空间中完成的混合仍然有细微的差别。