渐变
两种或多种颜色之间的平滑过渡。有线性、径向和锥形等类型,用于背景、蒙版和艺术效果。
渐变是两种或多种颜色之间连续、平滑的过渡。它是印刷设计、网页设计和图像处理中的基础技术,创造纯色无法实现的深度和动感。
主要渐变类型:
- 线性渐变:颜色沿指定方向的直线过渡。CSS 中:
linear-gradient(to right, #000, #fff) - 径向渐变:颜色从中心点以同心圆向外辐射。用于光源效果和暗角
- 锥形渐变:颜色围绕中心点按角度过渡。适合饼图和色轮。通过 CSS
conic-gradient()实现 - 菱形渐变:从中心以菱形扩展。在 Photoshop 等图像编辑器中可用
一个关键的质量问题是色带 - 平滑过渡中可见的颜色阶梯。8 位色彩(每通道 256 级)在大面积的细微渐变中会显露离散步进。缓解策略包括应用抖动或在编辑时使用 16 位模式。
渐变映射是另一种强大技术:它将图像的亮度值重新映射到渐变上的颜色,产生双色调或三色调效果。这在色彩分级和艺术后期处理中广泛使用,用于建立氛围和视觉识别。
在现代 CSS 中,渐变是分辨率无关的(作为矢量渲染),不消耗网络带宽,并支持多个精确定位的色标。它们作为装饰元素的高性能替代方案取代背景图像。