Ir al contenido
Útil del Día
Añadir a favoritosCtrl+D

Blog · Tecnología

Por qué el mismo código de color HEX no se muestra igual en dos pantallas

Eliges un azul concreto, digamos #3B82F6, para un logo o una web. En tu ordenador se ve brillante. En tu móvil, algo más apagado. Impreso, casi irreconocible. Tranquilo: ni tu pantalla ni tu impresora están estropeadas, es un fenómeno normal y bien conocido por los diseñadores gráficos.

Un código HEX es una receta, no un color

Un código como #3B82F6 divide el color en tres cantidades numéricas: la parte de rojo, de verde y de azul, cada una en una escala de 0 a 255. Es una instrucción enviada a la pantalla, no un color físico ya fijado. Corresponde a cada pantalla transformar esos tres números en luz realmente emitida por sus píxeles, y es precisamente ese paso de traducción el que varía de un dispositivo a otro.

Cada pantalla traduce los números a su manera

Dos pantallas que reciben exactamente el mismo triplete de valores RGB no producen necesariamente la misma luz. La tecnología del panel ya juega un papel: una pantalla OLED tiende a mostrar colores más saturados y negros más profundos que una pantalla LCD clásica, cuya retroiluminación difunde permanentemente una luz de fondo. A esto se suman ajustes propios de cada dispositivo (brillo, contraste, modo «ahorro» o «vívido», filtro de luz azul por la noche) que modifican aún más el resultado final sin tocar el código HEX en sí. Y sobre todo, dos pantallas envejecen y se calibran de forma distinta: un modelo nuevo, ajustado de fábrica con cuidado, no mostrará exactamente el mismo matiz que una pantalla más antigua o nunca calibrada.

El papel discreto del espacio de color

En la web, los colores casi siempre se piensan en un espacio de color llamado sRGB, una norma común que define, en teoría, a qué debe corresponder cada valor RGB en términos de luz real. El problema es que «respetar sRGB» no es una casilla marcada o no: es una cuestión de precisión. Dos pantallas pueden reivindicar ambas compatibilidad con sRGB teniendo una fidelidad de calibración distinta: una muy cercana a la norma, la otra con una ligera desviación de tono o de saturación, invisible sobre el papel de las características técnicas pero bien visible a simple vista una vez los dos dispositivos puestos uno al lado del otro.

Por qué lo impreso es todavía más distinto

La diferencia se agranda aún más con la impresión, por una razón más fundamental: una pantalla emite luz (síntesis aditiva, en RGB), mientras que una página impresa solo absorbe y refleja la luz ambiente gracias a las tintas (síntesis sustractiva, en CMYK: cian, magenta, amarillo, negro). Pasar de un sistema a otro exige una conversión de RGB a CMYK que, casi siempre, modifica ligeramente el tono: algunos azules o verdes muy vivos en pantalla simplemente no tienen equivalente exacto en tinta. Esto explica el clásico «en pantalla se veía mejor» una vez que la tarjeta de visita o el folleto sale de la impresora.

Qué conviene recordar en la práctica

Para una elección sin consecuencias, estas variaciones no tienen mucha importancia. Pero para una decisión importante (logo, identidad visual de marca), conviene comprobar el color en varias pantallas reales (móvil, ordenador, eventualmente otro modelo) antes de validarlo, en lugar de fiarse de una sola pantalla no calibrada. Si está prevista la impresión, una prueba en papel antes de imprimir en cantidad evita sorpresas. En cualquier caso, el código HEX sigue siendo la referencia exacta y transmisible: lo que varía es la visualización, no el dato.

Lo que hay que recordar

  • Un código HEX fija valores numéricos de rojo, verde y azul, no un color físico fijo.
  • Cada pantalla traduce esos valores de forma distinta según su tecnología (LCD, OLED) y sus ajustes de brillo y contraste.
  • Aunque ambas respeten la norma sRGB, dos pantallas pueden tener una precisión de calibración distinta.
  • La impresión cambia de sistema de color (RGB emitido a CMYK impreso), lo que explica una diferencia todavía más marcada.
  • Para una elección importante, comprueba el color en varias pantallas reales antes de validarlo.

Para profundizar