El contraste resalta las diferencias. Puede ser de tamaño, color, grosor, forma o espaciado. Un titular grande junto a un texto pequeño crea contraste, al igual que un botón rojo brillante sobre un formulario gris. Sin contraste, un diseño se vuelve plano. Todo compite por igual y nada destaca. Con demasiado contraste, la página se vuelve ruidosa y la vista no encuentra dónde descansar.

El contraste no es solo una cuestión estética; afecta a la legibilidad. Un texto con poco contraste sobre su fondo es difícil de leer, especialmente para personas con baja visión. Las Pautas de Accesibilidad para el Contenido Web (WCAG) exigen una relación de contraste de al menos 4,5 a 1 para el texto normal. Los diseñadores lo comprueban con herramientas que calculan las diferencias de luminancia. Un alto contraste resulta útil bajo la luz solar intensa y en pantallas de baja calidad. Un bajo contraste puede crear ambiente, pero debe ser una elección deliberada, no una casualidad.

Formas de crear contraste

• Tamaño: grande versus pequeño.
• Color: complementario o cálido versus frío.
• Peso: grueso versus ligero.
• Espacio: abarrotado versus aislado.

El contraste funciona mejor cuando es intencional. Un contraste fuerte por pantalla suele ser más efectivo que cinco contrastes que compiten entre sí.