Perfiles de croma: dónde debe alcanzar su pico la saturación

Genera dos rampas a partir de la misma semilla azul — #2563eb, que es oklch(0.546 0.215 262.9) — y colócalas una al lado de la otra. Los mismos diez pasos, la misma curva de luminosidad, el mismo tono. En la primera rampa, el color crece de forma gradual y arde con más brillo alrededor de los pasos centrales, donde viven los botones y los enlaces; los tintes claros se mantienen tranquilos. En la segunda, la viveza llega temprano: los pasos 100–300 — los tintes que usarías para rellenos de hover y superficies de color — llevan visiblemente más color, y la rampa ha gastado la mayor parte de su presupuesto de saturación antes del punto medio. Ninguna de las dos rampas está mal. Son dos respuestas a una pregunta que toda escala de color generada tiene que responder en algún punto.

Esa respuesta es el perfil de croma: el plan de saturación de la rampa — una curva que decide en qué punto de la escala la coloridad alcanza su pico y cómo decae hacia los extremos. Una rampa no puede mantener el croma constante: cerca del blanco y cerca del negro la gama no deja casi espacio para el color y, aun en medio, la saturación uniforme se lee mal — así que una escala bien construida modela el croma de forma deliberada, subiendo hasta un pico donde la paleta trabaja más duro, cediendo hacia los extremos y manteniendo un suelo para que los extremos nunca se vuelvan totalmente grises. Elegir esa forma es el tema de este artículo, parte de nuestra guía de escalas de color. (El croma es la medida absoluta de coloridad de OKLCH — la distinción formal entre coloridad, croma y saturación es un tema aparte; aquí basta con que más croma significa más color.)

¿Por qué una rampa no puede mantener la saturación constante?

Por dos razones — una física, otra estética.

La física: el techo se derrumba en ambos extremos. Un color con luminosidad 0,97 tiene casi nada de espacio para el croma antes de salirse de la gama — no existe un casi-blanco vívido — y el mismo derrumbe ocurre al acercarse al negro. Una rampa que pide el mismo croma en cada paso queda recortada en ambos extremos: varios pasos anclados a lo poco que el techo permite, y la progresión uniforme muere justo donde viven los fondos y el texto oscuro.

La estética: incluso donde el croma constante es alcanzable, se ve mal. Los tintes claros a saturación plena se leen radiactivos — colores de rotulador fosforito donde debería reposar una superficie tranquila — y los pasos oscuros a saturación plena tienden a enturbiarse, porque a baja luminosidad el croma cargado se lee como fango en lugar de riqueza. La intuición que conviene retener: el ojo concede al color más espacio en los tonos medios, y la forma de la gama refleja eso. La viveza colocada en el centro de la rampa se siente intencional; la viveza forzada a los extremos se siente como un error.

Así que la pregunta no es si modelar la saturación a lo largo de la rampa, sino dónde poner el pico.

¿Dónde debe situarse el pico de saturación?

Dos formas cubren la mayoría de las paletas.

Campana — pico en el centro de la rampa. El croma sube hasta un máximo justo antes del punto medio de la rampa y cae a ambos lados. En Scale Composer este es el perfil por defecto: el pico aterriza en torno a los pasos 400–500, que es donde una semilla como #2563eb se sitúa en la curva de luminosidad — así el núcleo de la marca se renderiza con máxima viveza mientras tintes y sombras se mantienen de apoyo. Elige la campana cuando el trabajo de la rampa sea labor de marca clásica: botones, enlaces, componentes con relleno, los momentos de color de una interfaz.

Frontal — pico más temprano. El croma alcanza su pico alrededor de un tercio del recorrido, en territorio claro, y luego decae a través de los tonos medios. Elige la frontal cuando la rampa se gane la vida en los pasos claros: interfaces cargadas de fondo, tarjetas y superficies teñidas, páginas de marketing bañadas en tinte de marca — paletas donde 100–300 son los pasos de trabajo y 500 es un visitante ocasional.

¿Cómo se ven los dos perfiles en números?

En Scale Composer, ambos perfiles son curvas de peso sobre la posición de la rampa t (0 = paso más claro, 1 = paso más oscuro), multiplicadas por el croma pico de la rampa:

bell(t)  = exp(−10 · (t − 0.45)²)
front(t) = exp(−7 · (t − 0.30)²)

Para el croma pico de 0,215 de la semilla azul, los diez pasos salen así:

Dos cosas que leer de la tabla. Primero, los perfiles son peticiones, no garantías: el generador sigue limitando cada paso por debajo del techo de la gama, así que el ≈0,115 de la frontal en el paso 50 — mucho que pedirle a un azul casi-blanco — se recorta a lo que la gama puede sostener, con margen de sobra. Segundo, mira el paso 200: ≈0,128 bajo la campana frente a ≈0,206 bajo la frontal — más de la mitad otra vez de color en el mismo tinte. Esa diferencia es la mayor parte del significado práctico de la elección de perfil.

Abre ambos perfiles sobre la misma semilla azul en Scale Composer — campana y frontal lado a lado, luminosidad idéntica, difiriendo solo el plan de croma. Los pasos claros cuentan la historia.

¿Por qué los extremos de la rampa necesitan un suelo de croma?

Ambas columnas de la tabla se detienen en ≈0,026 en lugar de seguir hacia cero. Ese es el suelo: el 12 % del pico, aplicado para que incluso los pasos 50 y 900 conserven un indicio del tono.

Sin él, la decadencia exponencial lleva los pasos extremos a un croma efectivamente nulo — y un paso a croma cero es gris genérico, indistinguible entre marcas. Con él, el 50 casi-blanco es tenue pero reconociblemente azul, y el 900 es un negro azulado en lugar de uno plano. El razonamiento es el mismo que hay detrás de los neutros teñidos: un susurro de croma es invisible en una muestra pero se siente a lo largo de una superficie, y es lo que hace que el fondo de una página o un encabezado oscuro se lean como pertenecientes a esta paleta y no a ninguna paleta. El suelo ata los extremos de la rampa a la marca.

¿Cómo eliges entre campana y frontal?

Pregúntate dónde se gana la vida la rampa. Si sus pasos de trabajo son los tonos medios — botones, enlaces, estados activos — toma la campana, y el núcleo de la marca se renderiza a plena viveza. Si sus pasos de trabajo son claros — tintes de superficie, lavados, maquetaciones cargadas de fondo — toma la frontal, y los tintes cargan el color mientras los tonos medios se calman. La paleta de un producto puede mezclar: campana para la rampa de marca, frontal para un tono de apoyo usado sobre todo como superficies teñidas.

Dos apuntes de frontera. Un perfil modela una rampa, no todo el tema: una paleta oscura derivada de una clara replanifica el croma en sus propios términos — en Scale Composer, las paletas oscuras derivadas corren su propia curva de luminosidad y elevan el croma en torno a un 20 %, porque los entornos oscuros amortiguan la coloridad percibida. Y ningún perfil rescata un pico fijado demasiado alto: el perfil distribuye el pico, el tope de la gama lo sigue gobernando.

El suelo es la más fácil de estas ideas de entender borrándola. Abre la misma rampa con el suelo desactivado, luego activado — con el suelo quitado, los pasos 50 y 900 se colapsan a gris liso y los extremos de la rampa podrían pertenecer a cualquier producto; restáuralo y míralos reincorporarse a la paleta.