颜色渐变

编辑
本词条由“匿名用户” 建档。

在计算机图形学中,颜色渐变指定了与位置相关的颜色范围,通常用于填充区域。例如,许多窗口管理器允许将屏幕背景指定为渐变。渐变产生的颜色随位置连续变化,产生平滑的颜色过渡。 分类标准: 方面 离散(分类)/连续 形状 感知一致性 命令 有序(顺序)和无序(分类) 知觉秩序 色觉缺陷或色盲人群的可读性(色盲友好) 一维 二维 3D 轴向颜色渐变(有时也称为线性颜色渐变)由两个点和每个点的颜色指定。通过这...

颜色渐变

编辑

计算机图形学中,颜色渐变指定了与位置相关的颜色范围,通常用于填充区域。例如,许多窗口管理器允许将屏幕背景指定为渐变。渐变产生的颜色随位置连续变化,产生平滑的颜色过渡。

颜色渐变的类型

编辑

分类标准:

  • 方面
  • 离散(分类)/连续
  • 形状
  • 感知一致性
  • 命令
    • 有序(顺序)和无序(分类)
    • 知觉秩序
  • 色觉缺陷或色盲人群的可读性(色盲友好)

维度

  • 一维
  • 二维
  • 3D

形状

轴向梯度

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

径向渐变

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

圆锥渐变

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

其他形状

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

色彩空间的影响

编辑

由于人类视觉怪癖,本节缺少有关感知和物理正确混合之间差异的信息。

颜色渐变

渐变的外观不仅取决于颜色本身,还取决于执行计算的颜色空间。这个问题通常变得很重要,原因有两个:

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

工具

编辑
  • CCC-Tool是一种通用工具,用于创建、分析和测试颜色图,以尽量减少所需的交互组件。
  • ColorMeasures一种在线工具,使您能够以数学方式分析多个颜色空间中颜色图的属性
  • ColorBrewer-基于CynthiaBrewer博士的研究,用于指导选择等值线图配色方案的Web工具
  • gencolormap-生成可视化颜色图的工具
  • Chroma.js调色板助手,用于掌握多色调、多站色标
  • 颜色渐变-创建在线渐变的工具

内容由匿名用户提供,本内容不代表vibaike.com立场,内容投诉举报请联系vibaike.com客服。如若转载,请注明出处:https://vibaike.com/130978/

(2)
词条目录
  1. 颜色渐变
  2. 颜色渐变的类型
  3. 维度
  4. 形状
  5. 轴向梯度
  6. 径向渐变
  7. 圆锥渐变
  8. 其他形状
  9. 色彩空间的影响
  10. 工具

轻触这里

关闭目录

目录