Actualizado 10 de julio de 2026

¿Qué es la uniformidad perceptual?

Un espacio de color es perceptualmente uniforme cuando distancias numéricas iguales corresponden a diferencias percibidas iguales — en todo el espacio. Desplaza un color 0,1 en luminosidad y el cambio se ve del mismo tamaño tanto si partiste cerca del blanco, en los medios tonos o cerca del negro; dos colores separados por una distancia dada se ven más o menos tan diferentes como cualquier otro par separado por esa misma distancia. En resumen, se puede confiar en que los números signifiquen lo que ve el ojo.

Esa única propiedad es lo que los modelos de color modernos están construidos para ofrecer, y es la premisa silenciosa detrás de las rampas uniformes, el contraste predecible y la diferencia de color medible. Este artículo es la pieza conceptual de nuestra guía de OKLCH: qué es la uniformidad, por qué los espacios habituales no la tienen y qué cambia tenerla en la práctica.

¿Por qué RGB y HSL no son perceptualmente uniformes?

Porque sus números describen el hardware, no la percepción. Los valores RGB son instrucciones para los subpíxeles de una pantalla; HSL es una reordenación geométrica de los mismos números. Nada en ninguno de los dos modelos consulta a un observador — y resulta que los observadores son sensibles de forma desigual en aspectos que los números en bruto nunca ven.

Observa lo que le pasa a una simple serie de grises construida en pasos RGB iguales — 51 sumado a cada canal, cinco veces seguidas:

GrisHexLuminosidad percibida (OKLCH L)Salto visible
rgb(0, 0, 0)#0000000,00
rgb(51, 51, 51)#3333330,320,32
rgb(102, 102, 102)#6666660,510,19
rgb(153, 153, 153)#9999990,680,17
rgb(204, 204, 204)#cccccc0,850,16
rgb(255, 255, 255)#ffffff1,000,15

Cinco pasos numéricos idénticos — y el primero produce más del doble de cambio visible que el último. El mismo +51 que convierte el negro en un gris claramente más claro apenas se nota entre dos grises claros. Una distancia numérica que parece enorme en una región del espacio es un ajuste menor en otra, que es la definición de la no uniformidad.

A través de los tonos, el fallo se agranda. HSL informa hsl(60, 100%, 50%) (amarillo) y hsl(240, 100%, 50%) (azul) como igualmente claros; medido perceptualmente, el amarillo se sitúa en L ≈ 0,97 — casi blanco — mientras que el azul se sitúa en L ≈ 0,45, lo bastante oscuro como para llevar texto blanco. Una distancia de cero en luminosidad HSL abarca la mitad del rango visible de luminosidad.

¿Por qué igualar al ojo significa deformar las matemáticas?

Porque la percepción comprime. Los sistemas sensoriales tienden a responder al cambio proporcional en lugar del cambio absoluto — un patrón que la psicofísica ha medido por igual en el brillo, el volumen sonoro y el peso. Una vela añadida a una habitación oscura es un acontecimiento; la misma vela añadida a una iluminada con focos pasa desapercibida. La adición física es idéntica, la experiencia no.

La luz en una pantalla se comporta igual: duplicar la intensidad física no se ve el doble de brillante, solo un paso cómodo más brillante. Por eso, un modelo de color que iguala al ojo tiene que incorporar la compresión. Los espacios perceptualmente uniformes aplican una curva compresiva a los valores físicos de luz — OKLab usa una raíz cúbica — de modo que pasos iguales en el modelo caen en pasos iguales de experiencia en lugar de pasos iguales de energía. Visto así, la deformación no es una distorsión del color. Elimina una: el desajuste entre física y percepción que RGB arrastra en silencio.

¿Cómo se mide realmente la diferencia de color?

Una vez que un espacio está cerca de ser uniforme, la distancia entre dos puntos se convierte en una cantidad significativa, y tiene un nombre: delta E (ΔE), la medida formal de la diferencia de color. Como regla general, un ΔE de alrededor de 1 está en el límite de lo que la mayoría de los observadores puede detectar; dígitos individuales pequeños se leen como «el mismo color, ligeramente desviado»; los valores grandes, como colores claramente diferentes. Las pruebas de impresión, las comprobaciones de tolerancia de marca y la calibración de pantalla funcionan todas sobre esto — nada de lo cual funciona si el espacio subyacente miente sobre la distancia.

La búsqueda de un espacio donde esto se cumpla tiene décadas. CIELAB, estandarizado en 1976, fue el intento estándar del campo y sigue en amplio uso; OKLab, publicado en 2020, es el refinamiento moderno, que corrige distorsiones conocidas de CIELAB — sobre todo los desplazamientos de tono alrededor del azul. OKLCH es OKLab en coordenadas cilíndricas (luminosidad, croma, tono), que es la forma que adoptó CSS y la forma que los diseñadores encuentran en la práctica.

¿Qué le aporta la uniformidad al trabajo de diseño?

Tres cosas, cada una consecuencia directa de números que siguen la percepción:

  • Rampas uniformes. Coloca diez pasos en una curva de luminosidad y la paleta se ve espaciada de forma uniforme — para cada tono, sin una pasada de corrección por tono. La uniformidad es lo que hace que las escalas de color sean generables en lugar de ajustadas a mano.
  • Contraste predecible. El contraste del texto es función de la diferencia de luminosidad percibida. En un espacio uniforme, «mantén estos dos roles a una distancia L fija» se convierte en una regla que puedes aplicar mecánicamente en toda una paleta.
  • Mediciones significativas. «¿Cuán diferentes son estos dos colores?» obtiene un número al que puedes ponerle un umbral — para el control de calidad, para la tolerancia de marca, para comprobar que un rediseño no se ha desviado.

La primera es la más fácil de ver con tus propios ojos. Abre una rampa de diez pasos en Scale Composer — los pasos se asientan en una curva de luminosidad OKLCH, y cada salto entre vecinos se lee del mismo tamaño, del casi blanco al casi negro.

Una rampa de color azul de diez pasos con los pasos colocados en una curva de luminosidad OKLCH, cada salto visible entre vecinos del mismo tamaño

Esa uniformidad no se ajustó muestra por muestra; surge del espacio. Producir el mismo resultado en RGB en bruto requeriría un espaciado numérico distinto e irregular para cada región y cada tono — precisamente el trabajo de corrección que un espacio uniforme jubila.

¿Cómo ves la uniformidad por ti mismo?

La tabla de grises de arriba mostró números cuyas muestras discrepan; una rampa terminada muestra muestras cuyos números permanecen ocultos. Junta las dos: abre la rampa con los valores OKLCH de cada paso visibles y recorre hacia abajo la columna L — los valores descienden en cantidades iguales, y las muestras cambian en cantidades iguales, la concordancia que la serie RGB no pudo producir. Una vez visto, la uniformidad deja de ser una definición y se convierte en una expectativa que le exigirás a cada paleta.

Seguir leyendo