Degradado
Una transición suave entre dos o más colores. Disponible en variedades lineal, radial y cónica para fondos, máscaras y efectos artísticos.
Un degradado es una transición continua y suave entre dos o más colores. Es una técnica fundamental en diseño de impresión, diseño web y procesamiento de imágenes, creando profundidad y movimiento que los colores planos no pueden lograr.
Tipos principales de degradado:
- Degradado lineal: El color transiciona a lo largo de una línea recta en una dirección especificada. En CSS:
linear-gradient(to right, #000, #fff) - Degradado radial: El color irradia hacia afuera desde un punto central en círculos concéntricos. Se usa para efectos de fuente de luz y viñetas
- Degradado cónico: El color transiciona alrededor de un punto central por ángulo. Ideal para gráficos circulares y ruedas de color. Se implementa mediante CSS
conic-gradient() - Degradado diamante: Se expande en forma de diamante desde el centro. Disponible en editores de imagen como Photoshop
Una preocupación crítica de calidad es el bandeado - escalones de color visibles en transiciones suaves. Con color de 8 bits (256 niveles por canal), los degradados sutiles sobre áreas grandes revelan pasos discretos. Las estrategias de mitigación incluyen aplicar tramado o trabajar en modo de 16 bits durante la edición.
Los mapas de degradado son otra técnica poderosa: remapean los valores de luminancia de una imagen a colores a lo largo de un degradado, produciendo efectos de duotono o tritono. Esto se usa extensamente en gradación de color y posprocesamiento artístico para establecer atmósfera e identidad visual.
En CSS moderno, los degradados son independientes de la resolución (renderizados como vectores), no consumen ancho de banda de red y admiten múltiples paradas de color con posicionamiento preciso. Sirven como alternativas de alto rendimiento a las imágenes de fondo para elementos decorativos.