¿Qué es el croma (y por qué no es la saturación)?

Prueba un pequeño experimento en cualquier selector de color HSL. Ajusta un color a hsl(60, 100%, 50%) y otro a hsl(240, 100%, 50%) — un amarillo y un azul, ambos al «100 % de saturación». Ahora pregúntate cuál transmite más color. Medido perceptualmente, la respuesta no es un empate: el azul contiene cerca de un 50 % más de colorido que el amarillo (0,31 frente a 0,21 en croma OKLCH). Dos colores, valores de saturación idénticos, cantidades de color distintas.

Esa es la diferencia en una frase: el croma mide el colorido como una cantidad absoluta —0,15 de croma es la misma cantidad de color en cualquier tono— mientras que la saturación es un porcentaje relativo del máximo que ese tono y esa luminosidad concretos permitan. La saturación te dice hasta dónde has empujado un control deslizante; el croma te dice cuánto color hay realmente. La distinción recorre todo en nuestra guía de OKLCH, y este artículo desglosa por qué importa en la práctica.

¿Por qué «100 %» significa cantidades de color distintas?

Porque cada tono tiene un techo diferente. El amarillo más colorido que una pantalla puede mostrar es, perceptualmente, una cantidad modesta de color con una luminosidad muy alta; el azul más colorido es una gran cantidad de color con una luminosidad baja. El tratamiento formal de estos términos — colorido, croma y saturación — los separa con precisión, pero la parte relevante para el diseño cabe en una tabla. Aquí están las tres esquinas más saturadas de la gama sRGB, medidas en OKLCH:

Los tres están «saturados al 100 %» en términos de HSL — el deslizador no puede ir más lejos. Y sin embargo su croma medido difiere en un 50 %, y cada uno alcanza su máximo con una luminosidad completamente distinta. Un porcentaje de techos tan dispares no puede describir cuán colorido es algo; solo puede describir lo cerca que está del límite de su propio tono.

¿Qué aspecto tiene el techo del croma?

El techo del croma depende tanto del tono como de la luminosidad, y su forma determina cómo se comportan las paletas. Cerca del blanco, el techo de cualquier tono se desploma hacia cero — un color muy claro solo puede ser ligeramente colorido (no existe tal cosa como un pastel vívido). Cerca del negro el techo se desploma de la misma manera. El espacio para el color vive en los tonos medios, y cuánto espacio —y en qué luminosidad se sitúa el pico— varía según el tono, como muestra la tabla anterior.

Por eso las escalas de color generadas moldean el croma deliberadamente en lugar de mantenerlo constante. Una rampa que pida el mismo croma en cada paso chocaría contra el techo en ambos extremos; una rampa que siguiera el techo haría que cada tono fuera lo más chillón posible. El punto medio práctico es un perfil: el croma sube hacia los tonos medios y se relaja hacia los extremos, con un suelo para que incluso los pasos cercanos al blanco y al negro conserven un rastro del tono en lugar de volverse grises.

Abre una rampa con un perfil de croma en forma de campana en Scale Composer — el colorido alcanza su punto máximo en los pasos centrales y se atenúa hacia ambos extremos, mientras que la curva de luminosidad permanece independiente. Los dos ejes hacen trabajos distintos, de forma visible.

¿Cómo debería guiar el croma la elección de colores de acento?

Piensa en presupuesto de croma en lugar de sensación de saturación. Los colores se perciben como «igual de vívidos» cuando su croma es comparable — no cuando coinciden sus porcentajes de saturación. Consecuencias prácticas:

• Igualar acentos entre tonos. Si tu verde de éxito y tu ámbar de advertencia deben sentirse igual de fuertes, dales un croma similar. Igualar los porcentajes de saturación hará que uno grite y el otro susurre, porque los techos de los dos tonos difieren.
• Una interfaz tranquila tiene un tope de croma. Las interfaces que se sienten equilibradas tienden a gastar croma alto en uno o dos sitios y a mantener todo lo demás bajo. Como el croma es absoluto, un tope como «nada por encima de 0,12 salvo la acción principal» es aplicable en todos los tonos — la misma regla expresada en porcentajes de saturación permitiría intensidades radicalmente distintas.
• Los neutros son de croma bajo, no de croma cero. Un gris con 0,01–0,02 de croma hacia el tono de marca se percibe como intencional; la misma idea es imposible de expresar con claridad en términos de saturación.

¿Qué pasa cuando pides más croma del que existe?

La petición se recorta al límite de la gama — y donde ocurre ese recorte, las rampas se aplanan: varios pasos acaban fijados en el mismo colorido máximo, y la progresión suave muere justo donde la paleta debería brillar. Los generadores de escalas se protegen de esto limitando el croma solicitado ligeramente por debajo del techo físico, manteniendo margen en cada luminosidad.

Puedes encontrar el techo tú mismo: abre la misma rampa y sube el multiplicador de croma paso a paso. Observa cómo los tonos medios se saturan primero y luego dejan de responder al alcanzar el tope, mientras que los extremos claro y oscuro —con sus techos más bajos— dejaron de moverse mucho antes. La columna de luminosidad no se inmuta. Ese techo obstinado que acabas de trazar es la diferencia entre croma y saturación, sentida: la saturación es un porcentaje de él, el croma es la cosa en sí.