Degradado de color

En la ciencia del color , un gradiente de color (también conocido como rampa de color o progresión de color ) especifica un rango de colores dependientes de la posición , generalmente utilizados para rellenar una región.

Al asignar colores a un conjunto de valores, un degradado es un mapa de colores continuo, un tipo de esquema de colores . En gráficos de computadora, el término muestra ^[1] ha llegado a significar una paleta de colores activos.

• Degradados de color del mundo real o libros de muestras
• 
  Abanico de colores RAL CLASSIC K5
• 
  Guía de colores Pantone
• 
  Tarjetas de colores base y mezclas Pantone
• 
  Ventilador de colores HKS

• El degradado de color es un conjunto de colores dispuestos en un orden lineal (ordenado)
• Un mapa de colores continuo es una curva a través de un espacio de color.

• curva a través del espacio de color RGB
• 
  gris
• 
  hélice cúbica ^[2]
• 
  Arcoiris del virus del herpes simple
• 
  divergente ^[3]

Un mapa de colores ^[4] es una función que asocia un valor real r con el punto c en el espacio de color. ${\estilo de visualización C}$

${\displaystyle f:[r_{min},r_{max}]\subconjunto \mathbf {R} \to C}$

que se define por:

• un espacio de color C
• una secuencia creciente de puntos de muestreo${\displaystyle r_{0}<...<r_{m}\en [r_{mín},r_{máx}]}$
• una serie de valores en el espacio de color${\displaystyle c_{0},...,c_{m}\en C}$
• El mapeo ${\displaystyle f(r_{i})=c_{i},i=0,...,m}$
• una regla para interpolar los valores intermedios${\displaystyle r_{i-1}<r<r_{i}\en [r_{mín},r_{máx}]}$

dónde:

• r es un número real ${\displaystyle r\in [r_{min},r_{max}]\subconjunto \mathbf {R} }$
• ${\displaystyle \mathbf {R}}$ es un conjunto de números reales
• c es un color = punto en el espacio de color C

Criterios de clasificación:

• dimensión
• discreto (clasificado, esquema de color ) ^[5] / continuo
• forma
• Gama: completa o limitada. Ejemplo: color pastel con gama de saturación limitada.
• uniformidad perceptiva ^[6]
• orden
  • ordenado (secuencial) y no ordenado (categórico)
  • orden perceptivo
• legibilidad para personas con deficiencias en la visión del color o daltónicas (colorblind-friendly)
• espacio de color
• Profundidad de color

• 1D
• 2D: ^[7] Mapa multivariado , bivariado o trivariado
• 3D

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 normalmente en un espacio de color RGB , a menudo utilizando valores de color RGB comprimidos con gamma , en lugar de lineales. Tanto CSS como SVG admiten gradientes lineales. ^{[8] [9]}

Un degradado radial se especifica como un círculo que tiene un color en el borde y otro en el centro. Los colores se calculan mediante interpolación lineal en función de la distancia desde el centro. Esto se puede utilizar para aproximar la reflexión difusa de la luz desde una fuente puntual por una esfera . ^{[ cita requerida ]} Tanto CSS como SVG admiten degradados radiales. ^{[10] [11]}

Los gradientes cónicos son gradientes con transiciones de color rotadas alrededor de un punto central (en lugar de irradiar desde el centro). Algunos ejemplos de gradientes cónicos son los gráficos circulares y las ruedas de color. ^[12] Los gradientes cónicos a veces se denominan "gradientes de barrido" (por ejemplo, en la especificación OpenType ) o gradientes angulares.

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

• 
  LCH
• 
  virus del herpes simple

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

• Corrección de gamma en un espacio de color. Con un valor γ típico de alrededor de 2, es fácil ver que un espacio de color con gamma habilitado se mezclará más oscuro 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 en la mezcla de colores complementarios como el rojo y el verde, donde el color del medio es un color 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 recorrido. 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 combinación "lineal" coincidiría con la combinación 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] Una combinación de este tipo todavía tiene una diferencia sutil con respecto a una realizada en un espacio de color perceptualmente uniforme. ^[18]

• Perfiles RGB 2D
• 
• 
• 
• 
• 
• 
• 

• Degradado en la rueda de color HSV
• 
  Gradiente de un solo tono ( monocromático )
• 
  gradiente de color policromático (multitono)

• Arcoiris del virus del herpes simple
• 
  Perfiles RGB 2D
• 
  Perfiles HSV 2D
• 
  Perfil RGB 3D

• Representan valores cuantitativos u ordinales, como en los mapas de calor . La descripción más precisa se encuentra en el cuadro de color. ^[19]
  • Visualización de datos
• rellenar una región: ^[20] muchos administradores de ventanas permiten especificar el fondo de la pantalla como un degradado. Los colores producidos por un degradado varían continuamente con la posición, lo que produce transiciones de color suaves.
• Visualizar el progreso de una operación extensa de la computadora, como una descarga, una transferencia de archivos o una instalación. Ver la barra de progreso
• Colorear mapas cartográficos

• Los gradientes de color en la física
• 
  Temperatura de color del cuerpo negro 800-12200K
• 
  Colores del espectro de luz visible
• 
  degradado de color clasificado
• 
  Rayas cálidas que utilizan un degradado de color clasificado

• Bokashi (impresión)
• Bandas de color
• Diferencia de color
• Clasificación de color
• Mapeo de color ; una función que mapea (transforma) los colores de una imagen a los colores de otra imagen
• Curva de difusión
• vacilación
• Gradiente de imagen
• Bandas de Mach
• Tresillo
• Paleta ; un conjunto finito de colores sin ningún orden particular
• Espacios de color perceptualmente uniformes
• Posterización
• Carta de colores
• Libros de muestras (como el libro de muestras de colores de Paper, el abanico de colores RAL CLASSIC K5 o las guías de colores Pantone)