Nunca negro puro: cómo elegir fondos oscuros

Un fondo de modo oscuro casi nunca debería ser negro puro. El rango útil para el fondo de una página se sitúa en torno a L ≈ 0,13–0,18 en OKLCH — lo bastante profundo para ser inconfundiblemente oscuro, lo bastante alto para dejar margen a las superficies apiladas por encima — y a menudo funciona mejor como un casi-negro teñido con un susurro del tono de marca que como un neutro puro. El negro puro falla por tres razones: no le deja al sistema de elevación ningún suelo sobre el que apoyarse, produce halation bajo el texto claro, y se lee como vacío en lugar de atmósfera.

El fondo es el valor individual más trascendental del modo oscuro. Cada superficie, borde y letra del tema se lee contra él, la escalera de elevación está anclada a él, y su temperatura decide si el tema oscuro se siente como la misma marca o como un producto distinto. Por eso nuestra guía de modo oscuro trata el ancla de la página como la primera decisión del tema, no como un detalle — y por eso este artículo dedica toda su extensión a un solo color.

¿Por qué no #000?

La elevación necesita margen por debajo de las superficies. Una analogía útil viene del teatro: el escenario debe quedar por debajo de los actores, o nadie distingue quién está dónde. En un tema oscuro el fondo de la página es el escenario — la referencia contra la que se juzga cada superficie elevada — y el juicio lo hace la luminosidad, porque los temas oscuros señalan la altura aclarándose con la elevación. Ancla la página en el cero absoluto y el escenario queda aplastado contra el suelo del rango: cada tarjeta, hoja y diálogo debe encajar su nivel distintivo en el fondo comprimido de la escala, y nada — ni un hueco embutido, ni un estado pulsado, ni un panel hundido — puede quedar nunca por debajo de la página, porque no hay un debajo. Un ancla en L ≈ 0,15 mantiene profundidad en reserva a ambos lados.

Halation. El texto blanco puro sobre negro puro es el emparejamiento de contraste máximo, y para muchos lectores es también el menos cómodo: los trazos brillantes parecen florecer o dejar estela contra el campo negro, un efecto que suele reportarse como peor para lectores con astigmatismo. La óptica detrás del nombre se describe en halation — la luz extendiéndose más allá de su límite — y el remedio práctico en el trabajo de interfaces es suavizar ambos extremos: un fondo casi-negro bajo un color de texto blanco roto, que conserva contraste de sobra mientras le quita el brillo tembloroso a los trazos.

Profundidad. Un casi-negro profundo con una pizca de tono tiende a leerse como atmósfera — un espacio que la interfaz habita. El #000 plano tiende a leerse como ausencia: un agujero en la pantalla sobre el que flotan rectángulos grises. Esta es la menos mecánica de las tres razones y la más fácil de verificar a ojo; pon el mismo diseño sobre ambos fondos y la diferencia en profundidad percibida es inmediata.

¿Cómo de oscuro debe ser el fondo?

El rango útil es estrecho: las anclas de página suelen situarse en torno a L ≈ 0,13–0,18.

El suelo de ese rango lo fijan los problemas anteriores — baja mucho por debajo de ≈ 0,13 y heredas los fallos del negro puro de forma gradual, con la escalera de elevación comprimida y el texto empezando a temblar. El techo lo fija la identidad: aléjate mucho por encima de ≈ 0,18–0,20 y la página empieza a leerse como un tema gris apagado en lugar de uno oscuro, y el texto claro que se apoya en ella empieza a perder margen cómodo de contraste. Dentro del rango, la elección tiene menos que ver con la corrección que con cuánto aire necesita la pila de superficies del tema — una interfaz con muchos niveles de elevación se beneficia de anclar en el extremo bajo para que la escalera pueda subir más antes de que sus peldaños superiores dejen de leerse como oscuros.

¿El fondo debe ser neutro o teñido de marca?

La misma pregunta que los temas claros responden con neutros teñidos se aplica aquí, con la misma lógica: un gris con un susurro del tono de marca ata el escenario a la paleta que se apoya sobre él, mientras que un gris sin teñir queda al margen de ella. Sobre un fondo oscuro el efecto es, si acaso, más fuerte — el fondo ocupa una porción mayor de los píxeles, y un casi-negro teñido de tono se lee como la oscuridad propia de la marca en lugar de una genérica.

En Scale Composer este es el cableado por defecto: el ancla de la página oscura sigue el paso más profundo de la marca — el casi-negro de clase brand-900 — de modo que el suelo del tema lleva el tono de marca automáticamente, y permanece acoplado a él hasta que desacoplas el ancla deliberadamente y la fijas de forma independiente. Abre el acoplamiento del ancla en Scale Composer — el fondo de la página oscura mostrado siguiendo el paso profundo de la marca, con el hilo de tono visible a través de toda la pila de superficies por encima.

Un aplazamiento deliberado: en pantallas OLED el negro verdadero no consume energía y algunos productos eligen #000 por esa razón con los ojos abiertos — una verdadera concesión que merece su propio artículo en lugar de un paréntesis aquí.

¿Qué aspecto tienen los tres candidatos en números?

Tres anclas, y la escalera de elevación que permite cada una — cuatro niveles de superficie separados por pasos de ≈ 0,04 L, el doble de la diferencia apenas perceptible de ≈ 0,02:

Las filas del medio y de abajo difieren en una decisión — croma 0 frente a croma 0,02 al mismo tono que el azul de marca #2563eb — y ese susurro es invisible en una muestra pero se siente a lo largo de una pantalla completa, muy parecido a como se comportan los neutros teñidos en modo claro. La fila de arriba es la de advertencia: no es que no exista escalera por encima del negro puro, sino que debe vivir por completo en el registro que las otras dos anclas reservan para la profundidad por debajo del escenario.

Decide el ancla deliberadamente

El acoplamiento que ata la página al paso profundo de la marca es un valor por defecto, no una doctrina — algunas marcas quieren un suelo neutro. Desacopla el ancla y compara — el mismo tema oscuro con un suelo teñido de marca y otro neutro puro, alternados en vivo, para que puedas juzgar sobre qué oscuridad pertenece tu paleta antes de que se publique un solo token.