Degradado de color

Un gradiente de color axial (a veces también llamado gradiente de color lineal) se especifica mediante dos puntos y un color en cada punto. Los colores a lo largo de la línea que pasa por esos puntos se calculan mediante interpolación lineal y luego se extienden perpendicularmente a esa línea. En los sistemas de imágenes digitales , los colores se interpolan típicamente en un espacio de color RGB , a menudo utilizando valores de color RGB con compresión gamma , en lugar de lineal. Tanto CSS como SVG admiten gradientes lineales. ^{[ 8 ] [ 9 ]}

Un gradiente radial se define como un círculo con un color en el borde y otro en el centro. Los colores se calculan mediante interpolación lineal en función de la distancia al centro. Esto permite aproximar la reflexión difusa de la luz proveniente de una fuente puntual por una esfera . Tanto CSS como SVG admiten gradientes radiales. ^{[ 10 ] [ 11 ]}

Los degradados cónicos son degradados con transiciones de color que giran alrededor de un punto central (en lugar de irradiar desde el centro). Ejemplos de degradados cónicos incluyen gráficos circulares y ruedas de color. ^{[ 12 ]} A veces, los degradados cónicos se denominan "degradados de barrido" (por ejemplo, en la especificación OpenType ) o degradados angulares.

En gráficos vectoriales se pueden utilizar mallas poligonales ; por ejemplo, Adobe Illustrator admite mallas con degradado .

La apariencia de un degradado no solo varía según los colores en sí, sino también según el espacio de color en el que se realiza el cálculo. El problema suele ser importante por dos razones:

• Corrección gamma en un espacio de color. Con un valor típico de γ de alrededor de 2, es fácil ver que un espacio de color con corrección gamma activada producirá una mezcla más oscura que un espacio de color de intensidad lineal, ya que la suma de los cuadrados de dos números nunca es mayor que el cuadrado de su suma. El efecto es más evidente al mezclar colores complementarios como el rojo y el verde, donde el color intermedio es oscuro en lugar del amarillo esperado. ^{[ 13 ] [ 14 ]} Los ejemplos radiales y cónicos de esta página muestran claramente este error.
• Manejo de otras propiedades perceptivas. En la visualización de información , no es deseable que un gradiente supuestamente "plano" muestre variaciones no monótonas en luminosidad y saturación a lo largo del mismo. Esto se debe a que la visión humana enfatiza estas cualidades, lo que provoca sesgos o confusión en la interpretación. ^{[ 15 ]}

Una mezcla "lineal" coincidiría con la mezcla de luz física y ha sido el estándar en los motores de juegos durante mucho tiempo. ^{[ 16 ]} Sin embargo, en la web, se ha descuidado durante mucho tiempo tanto para los gradientes de color como para el escalado de imágenes. ^{[ 17 ]} Dicha mezcla aún presenta una sutil diferencia con respecto a una realizada en un espacio de color perceptualmente uniforme. ^{[ 18 ]}