Diferencia entre revisiones de «Degradado»
Revertir - vandalismo |
Etiqueta: posible problema |
||
Línea 21: | Línea 21: | ||
[[Archivo:radial-gradient.svg|left|90x90px]] |
[[Archivo:radial-gradient.svg|left|90x90px]] |
||
Un degradado radial |
Un degradado radial putooooooooviene definido como un [[círculo]], que comienza con un color en el borde y va transformándose progresivamente en un segundo color hasta el centro. |
||
Los colores intermedios son calculados mediante interpolación linear basándose en la distancia de dicho color al centro del círculo.<ref> |
Los colores intermedios son calculados mediante interpolación linear basándose en la distancia de dicho color al centro del círculo.<ref> |
Revisión del 15:07 18 feb 2014
![](http://upload.wikimedia.org/wikipedia/commons/thumb/2/27/Gradient.svg/210px-Gradient.svg.png)
En diseño gráfico, un degradado (o un gradiente de color) es un rango de colores ordenados linealmente con la intención de dar visualmente una transición suave y progresiva entre dos o más colores.[1]La mayoría de programas informáticos de retoque fotográfico permiten realizar de forma sencilla degradados con los que rellenar formas y contornos.
En el software informático, los degradados se constituyen mediante una progresión de colores que operan en el espacio de color (RGB o CMYK habitualmente) desde el primero hasta el segundo, en los que se va reduciendo progresivamente el porcentaje del primer color y se va aumentando proporcionalmente en la misma medida el porcentaje del segundo color.
También es posible generar degradados gamma, que permiten una transición de un color sólido cualquiera a una transparencia.
Degradado axial
![](http://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Linear-gradient.svg/90px-Linear-gradient.svg.png)
Un degradado de color axial (a veces también llamado degradado lineal) viene definido por dos puntos y un color en cada punto. El rango de colores a lo largo de la línea que pasa por esos puntos se calculan usando interpolación lineal, extendiéndose por la perpendicular a esa línea.
En los programas informáticos de imagen digital, los colores se interpolan típicamente en un espacio de color RGB, a menudo usando comprensión gamma.
Los navegadores de internet modernos, así como las tecnologías CSS y SVG,[2] permiten generar en una página web degradados lineales automáticamente sin necesidad de recurrir a un software fotográfico.[3]
Degradado radial
![](http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Radial-gradient.svg/90px-Radial-gradient.svg.png)
Un degradado radial putooooooooviene definido como un círculo, que comienza con un color en el borde y va transformándose progresivamente en un segundo color hasta el centro.
Los colores intermedios son calculados mediante interpolación linear basándose en la distancia de dicho color al centro del círculo.[4]
Las tecnologías web CSS y SVG más recientes también permiten generar automáticamente degradados radiales sin necesidad de utilizar programas de retoque fotográfico externos.[5]
Véase también
Enlaces externos
- Creación de Degradados de color en Adobe Photoshop
- Creación de degradados lineales usando CSS
- Creación de degradados radiales usando CSS
Referencias
- ↑ Eisenberg, J. David (2002). SVG Essentials. O'Reilly Media. p. 107. ISBN 0-596-00223-8.
- ↑ Linear Gradients in "SVG 1.1 (Second Edition)", W3C Recommendation, August 2011
- ↑ Linear Gradients in "CSS Image Values and Replaced Content Module Level 3", W3C Candidate Recommendation, April 2012
- ↑ Radial Gradients in "CSS Image Values and Replaced Content Module Level 3", W3C Candidate Recommendation, April 2012
- ↑ Radial Gradients in "SVG 1.1 (Second Edition)", W3C Recommendation, August 2011