Saturación
La intensidad o pureza de un color. Una saturación alta produce colores vivos, mientras que una baja se acerca al gris. Saturación cero produce un tono completamente acromático.
La saturación es uno de los tres atributos fundamentales del color (junto con el tono y la luminosidad/valor) que cuantifica la viveza o pureza de un color. Un color completamente saturado no contiene componente gris y aparece con máxima intensidad cromática. A medida que la saturación disminuye, los colores se vuelven progresivamente apagados hasta alcanzar saturación cero: un gris neutro sin información cromática.
- Representación HSL/HSV: En los modelos de color HSL (Tono, Saturación, Luminosidad) y HSV (Tono, Saturación, Valor), la saturación se expresa como porcentaje de 0% a 100%. La función
hsl()de CSS proporciona un control intuitivo de la saturación para desarrolladores web - Saturación y naturalidad: La saturación excesiva hace que los colores se recorten y parezcan artificiales: los tonos de piel se vuelven anaranjados, los cielos parecen pintados. El control Vibrance aumenta preferentemente los colores menos saturados mientras protege los tonos ya vivos de la sobresaturación
- Uniformidad perceptual: Los ajustes de saturación en RGB o HSL no son perceptualmente uniformes. La dimensión Chroma de CIELAB está diseñada en torno a la percepción humana, permitiendo modificaciones de saturación más naturales entre diferentes tonos
En la edición fotográfica, el ajuste de saturación es una operación fundamental de corrección de color. La fotografía de paisaje suele beneficiarse de mayor saturación para escenas vívidas, mientras que el retrato usa saturación contenida para preservar tonos de piel naturales. Los desarrolladores web usan CSS filter: saturate() para cambios de saturación en tiempo real. La conversión a escala de grises se logra simplemente con filter: saturate(0).