¿cómo se degrada un color?
Fondo de color degradado
Uso de gradientes CSSLos gradientes CSS se representan mediante el tipo de datos <gradient>, un tipo especial de <imagen> formado por una transición progresiva entre dos o más colores. Puedes elegir entre tres tipos de degradados: lineal (creado con la función linear-gradient()), radial (creado con la función radial-gradient()) y cónico (creado con la función cónica-gradient()). También puede crear gradientes repetitivos con las funciones repeating-linear-gradient(), repeating-radial-gradient() y repeating-conic-gradient().
Los degradados pueden utilizarse en cualquier lugar en el que se utilice una <imagen>, como en los fondos. Dado que los degradados se generan dinámicamente, pueden prescindir de los archivos de imagen de trama que tradicionalmente se utilizaban para conseguir efectos similares. Además, como los gradientes son generados por el navegador, se ven mejor que las imágenes de trama cuando se amplían, y pueden cambiar de tamaño sobre la marcha.
Empezaremos introduciendo los degradados lineales, luego introduciremos las características que se admiten en todos los tipos de degradado utilizando los degradados lineales como ejemplo, y luego pasaremos a los degradados radiales, cónicos y de repeticiónUsando degradados linealesUn degradado lineal crea una banda de colores que progresa en línea recta.Un degradado lineal básicoPara crear el tipo más básico de degradado, todo lo que necesita es especificar dos colores. Estos se denominan topes de color. Debe tener al menos dos, pero puede tener tantos como desee.
Diferentes tipos de gradiente de color
A este artículo le falta información sobre las técnicas para evitar el mach banding, incluyendo el dithering tal y como se practica habitualmente y se permite en CSS. Por favor, amplíe el artículo para incluir esta información. Pueden existir más detalles en la página de discusión. (Febrero 2021)
En los gráficos por ordenador, un gradiente de color especifica una gama de colores dependientes de la posición, normalmente utilizados para rellenar una región[1] Por ejemplo, muchos gestores de ventanas permiten especificar el fondo de la pantalla como un gradiente. Los colores producidos por un gradiente varían continuamente con la posición, produciendo transiciones de color suaves.
Un gradiente de color axial (a veces también llamado gradiente de color lineal) está especificado por dos puntos, y un color en cada punto. Los colores a lo largo de la línea que pasa por esos puntos se calculan utilizando la interpolación lineal, y luego se extienden perpendicularmente a esa línea. En los sistemas de imágenes digitales, los colores suelen interpolarse en un espacio de color RGB, a menudo utilizando valores de color RGB comprimidos por la gamma, en lugar de lineales. Tanto CSS como SVG admiten gradientes lineales[8][9].
Cómo cambiar el color del gradiente
A este artículo le falta información sobre las técnicas para evitar el mach banding, incluyendo el dithering tal y como se practica habitualmente y se permite en CSS. Por favor, amplíe el artículo para incluir esta información. Pueden existir más detalles en la página de discusión. (Febrero 2021)
En los gráficos por ordenador, un gradiente de color especifica una gama de colores dependientes de la posición, normalmente utilizados para rellenar una región[1] Por ejemplo, muchos gestores de ventanas permiten especificar el fondo de la pantalla como un gradiente. Los colores producidos por un gradiente varían continuamente con la posición, produciendo transiciones de color suaves.
Un gradiente de color axial (a veces también llamado gradiente de color lineal) está especificado por dos puntos, y un color en cada punto. Los colores a lo largo de la línea que pasa por esos puntos se calculan utilizando la interpolación lineal, y luego se extienden perpendicularmente a esa línea. En los sistemas de imágenes digitales, los colores suelen interpolarse en un espacio de color RGB, a menudo utilizando valores de color RGB comprimidos por la gamma, en lugar de lineales. Tanto CSS como SVG admiten gradientes lineales[8][9].
Paleta de colores degradados
La gradación en el arte es una técnica visual que consiste en pasar gradualmente de un tono de color a otro, o de una sombra a otra, o de una textura a otra. El espacio, la distancia, la atmósfera, el volumen y las formas curvas o redondeadas son algunos de los efectos visuales creados con la gradación[1].
Los artistas utilizan diversos métodos para crear gradaciones, dependiendo del medio artístico y del efecto deseado. La mezcla, el sombreado, el rayado y el rayado cruzado son métodos comunes. Se puede crear un efecto de desvanecimiento con pasteles utilizando un soplete[2].
La gradación también puede ser útil en la composición de fotografías. En las primeras décadas del desarrollo de la fotografía se realizaron muchos esfuerzos y experimentos para mejorar el detalle de la gradación en las fotografías. Se probaron diferentes materiales para producir litografías y las primeras fotografías, con una mejora constante en la producción de una gradación detallada. En 1878, un fotógrafo escribió El gran defecto de todos los procesos de fotolitografía descritos en la última sección es que sólo pueden aplicarse con ventaja a la reproducción de dibujos o temas en los que la gradación de la sombra se muestra por medio de líneas o puntos separados por espacios blancos de diferentes tamaños y a intervalos variables entre sí, como en los grabados en línea o punteados y en las litografías en línea y tiza”[3].
