Glosario de colores

La identidad de un color — rojo, naranja, amarillo, verde… distribuido por ángulo alrededor de la rueda de color (0° rojo, 120° verde, 240° azul). Lo que la gente entiende por 'qué color' es el matiz.

Qué tan claro o oscuro es un color, desde negro puro hasta blanco puro. Mismo matiz, más blanco es más luminoso, más negro es más oscuro; la luminosidad determina la legibilidad y el contraste.

La intensidad de un color — 0% es gris, 100% es matiz puro. Alta saturación capta la atención pero también causa fatiga; las interfaces de usuario suelen reservarla para acciones clave.

Matiz puro más blanco es un tinte, más negro es una sombra, más gris es un tono. Las escalas de color de marca son secuencias controladas de tinte/sombra.

Temperatura de color de la luz en Kelvin: un valor K bajo se inclina hacia el naranja (cálido), un valor K alto se inclina hacia el azul (frío). El modo cálido de una pantalla simplemente reduce su temperatura.

Relación de luminancia entre primer plano y fondo, de 1:1 a 21:1. WCAG requiere ≥ 4.5:1 para texto corporal y ≥ 3:1 para texto grande — el umbral mínimo de accesibilidad.

El algoritmo de contraste candidato de WCAG 3. Pesa el tamaño de fuente, el grosor y la polaridad, y lee el texto en modo oscuro y de bajo contraste con mayor precisión que WCAG 2.1.

Un sistema de coordenadas para el color. sRGB es el predeterminado web, Display P3 cubre más colores, OKLCH organiza el color según la percepción humana.

El rango completo que un dispositivo o espacio puede mostrar. Los colores de alta saturación tipo neón a menudo quedan fuera de sRGB — la pantalla solo puede mostrar su aproximación más cercana.

Notación de seis dígitos #RRGGBB; el color de 24 bits (unos 16,7 millones de colores) es el propio espacio de color de la web.

Modelo aditivo rojo-verde-azul, 0-255 por canal. La forma en que las pantallas emiten luz hace de RGB el modelo nativo del mundo digital.

Modelo sustractivo cian-magenta-amarillo-negro, el lenguaje de la impresión. La conversión de RGB de pantalla a CMYK es solo una aproximación teórica — no sustituye a las muestras físicas.

Cilindro de matiz/saturación/luminosidad, más intuitivo que RGB. Su inconveniente es la no uniformidad: al 50% de luminosidad el amarillo parece mucho más brillante que el azul.

El nuevo espacio perceptualmente uniforme: el mismo valor de luminosidad significa la misma luminosidad percibida, la interpolación nunca se vuelve gris — el nuevo estándar para escalas de sistemas de diseño. Soporte nativo en CSS.

Cambio numérico proporcional al cambio percibido. En un espacio uniforme una diferencia de 10 se ve igualmente diferente en todas partes — la base de CIEDE2000 y OKLCH.

La fórmula de diferencia de color de la CIE. ΔE expresa la distancia percibida: menos de 1 es casi invisible, menos de 5 se lee como 'el mismo color', más de 10 es claramente diferente.

El sistema global de colores directos, la lengua franca de la impresión y la moda. Cada código tiene su propia receta de tinta; la representación en pantalla es una simulación.

El sistema de colores estándar nacional alemán, el referente para revestimientos industriales y pulverización de polvo — por ejemplo, el rojo de tráfico RAL 3020.

El sistema sueco que describe el color por oscuridad, cromaticidad y matiz; común en arquitectura e interiores.

Un sistema centenario organizado por matiz, valor y croma; sigue siendo el estándar oficial para la clasificación de suelos y agrícola.

Paletas utilizables por usuarios con deficiencia de visión del color (aproximadamente el 8% de los hombres): nunca codifiques solo por color, mantén el contraste, verifica con simulación.

Colores nombrados por propósito, no por matiz: primario/éxito/advertencia/peligro. La semántica permite la creación de temas y el modo oscuro.

El color más reconocible de una marca o interfaz, que transmite las acciones principales y el énfasis. Generalmente ocupa menos del 10% de la superficie — un uso excesivo diluye su impacto.

El punto de contraste más allá del primario: uso reducido (<5%) con máxima oposición de matiz o saturación — puntos de notificación, botones CTA.

La escala de grises: fondos, divisores, texto principal y secundario se basan en él. El sesgo cálido o frío de un neutro define el carácter de toda la interfaz.

Un color de marca expandido por luminosidad en 11 pasos (50-950), el elemento básico de los sistemas de diseño — el estado de reposo, bordes y el modo oscuro utilizan colores de la misma familia.

Colores separados 180° en la rueda (rojo-verde, azul-naranja). Juntos se intensifican mutuamente — excelentes para acentos, pero se enfrentan a la proporción 1:1.

Dos a cuatro matices vecinos (azul, azul-verde, verde). Armoniosos y seguros pero planos — un acento complementario rompe la calma.