Por qué tus grises no son realmente neutros

Una revisión de paleta que se repite en muchos equipos: el color de marca está bien, la tipografía está bien, pero la interfaz se siente fría — clínica, levemente ajena a la marca que la viste. La sospecha recae sobre el color de marca; el culpable suele ser la escala de grises. Se construyó a partir de grises puros — canales RGB iguales, croma cero, matemáticamente sin color — y junto a una paleta con color, los grises puros tienden a verse como piezas traídas de otro producto.

Los grises RGB puros existen y son matemáticamente neutros — pero rara vez parecen neutros junto a los colores de marca, porque el ojo juzga «la ausencia de color» frente a los colores que lo rodean. La solución práctica es el neutro con tinte: un susurro de croma, más o menos 0,005–0,02 en OKLCH, hacia el tono de la marca, que hace que la escala de grises sienta que pertenece a la paleta en lugar de solo coexistir con ella. Ambas mitades de esa afirmación — la deriva perceptual y la solución precisa — son el tema de este artículo, parte de nuestra guía de OKLCH.

¿Por qué un gris matemáticamente neutro se ve frío?

Porque la neutralidad no la mide el sistema visual — se negocia. El trasfondo de investigación es la adaptación cromática: el sistema visual reequilibra continuamente lo que cuenta como neutro frente a la luz y el color que lo rodean, y por eso una página blanca se ve blanca tanto bajo una bombilla cálida como bajo la luz azul del día — el tratamiento formal está en chromatic adaptation. El ojo no es un colorímetro que reporta valores absolutos; es un instrumento que se recalibra a cero constantemente frente al contexto.

En una pantalla, la paleta forma parte de ese contexto. Rodea un gris de croma cero con una paleta de marca cálida y el punto neutro del ojo adaptado se desplaza hacia lo cálido — el gris matemáticamente neutro queda ahora en el lado frío de ese punto y se ve frío y distante. El gris no cambió; lo hizo el punto de referencia. Lo que parece neutro en un diseño no es el croma cero — es aquello que concuerda con la propia temperatura de la paleta.

¿Qué es un neutro con tinte?

Un gris que cede terreno: en lugar de croma cero, lleva un susurro de croma — normalmente entre 0,005 y 0,02 en términos de OKLCH — apuntado hacia el tono de la marca. Esa cantidad está muy por debajo de lo que se lee como un color; una sola muestra de ese gris sigue pareciendo gris. Lo que hace es desplazar la temperatura de la escala hasta que los grises y los colores de marca se ponen de acuerdo sobre qué significa neutro. Por eso las interfaces suelen usar grises cálidos con marcas cálidas y grises fríos con marcas frías: la práctica es la adaptación cromática, aplicada.

Vale la pena detallar la lógica de dosificación: a 0,005 el tinte apenas es medible; alrededor de 0,01 es invisible en una muestra pero se percibe en una superficie grande; a 0,02 un ojo atento empieza a ponerle nombre al tono. Los fondos y los campos grandes se sitúan en el extremo bajo; los pequeños elementos de la interfaz oscura pueden admitir un poco más.

¿Por qué esto es preciso en OKLCH y vago en HSL?

Porque el croma de OKLCH es una cantidad absoluta. «Croma 0,01 en el tono 263» significa la misma cantidad de color en cada paso de luminosidad de la escala — una sola línea especifica por completo el tinte para toda la rampa de grises. HSL no puede enunciar la regla de esa manera: su saturación es un porcentaje de lo que cada tono y luminosidad casualmente permiten, así que «añade un 2 % de saturación» entrega una cantidad real de color distinta en cada paso — más en los tonos medios, menos cerca de los extremos — y otra cantidad distinta de nuevo si cambia el tono de marca. La receta del neutro con tinte existe en ambos modelos; solo en OKLCH es portable.

¿Cómo se ven los neutros con tinte en números?

Aquí está la misma curva de luminosidad dos veces — una vez a croma 0, otra a croma 0,01 hacia el tono 263, el tono de un azul de marca de la clase #2563eb:

Lee con atención la columna con tinte: los canales ya no son iguales — el rojo queda dos o tres puntos por debajo del verde, el verde unos pocos por debajo del azul, en cada paso. En una celda de tabla las dos columnas se ven casi idénticas, y eso es honesto: la diferencia está diseñada para ser invisible al tamaño de una muestra. Aflora al tamaño de superficie — fondos de página, tarjetas, barras laterales — donde la escala con tinte se lee como parte de la paleta azul y la escala pura se lee como ausente de ella.

Por eso una escala neutra se genera como parte de la paleta, no se elige por separado después. Abre una paleta de marca con su escala neutra en Scale Composer — la rampa neutra se genera junto con los colores de marca, llevando su susurro de croma hacia el tono de la marca con la misma lógica de luminosidad que las escalas con color.

¿Qué tan cálidos o fríos deberían ser tus grises?

Eso es un juicio de marca, no una fórmula — una marca cálida y humana y una fría y técnica merecen grises de distinto temperamento, y el rango honesto va desde casi puro hasta claramente con tinte. Pero es un juicio que se hace mejor a ojo, a tamaño completo, con ambos candidatos en pantalla. Alterna la escala neutra entre pura y con tinte — la misma curva de luminosidad, croma 0 frente a croma 0,01 en el tono de la marca — y observa las superficies, no las muestras. Una de las dos sentirá que vino con la marca.