En la teoría del color, el valor describe la claridad u oscuridad de un color. Es independiente del tono. Un rojo puede ser claro u oscuro. Un azul puede ser pálido u profundo. El valor es lo que vemos cuando entrecerramos los ojos y los colores se difuminan en grises. Los artistas suelen decir que el valor cumple una función más importante que el color en una composición. Un fuerte contraste de valor crea dramatismo y claridad. Un bajo contraste transmite sutileza y atmósfera.

La escala de valores va del negro al blanco. Los diseñadores utilizan el valor para crear jerarquías. Un titular oscuro sobre un fondo claro resalta. Un pie de página gris claro pasa desapercibido. En las interfaces de usuario, el contraste de valores es fundamental para la accesibilidad. Un texto con una diferencia de valor insuficiente respecto a su fondo no cumple con los estándares de legibilidad. Las Pautas de Accesibilidad para el Contenido Web (WCAG) especifican relaciones de contraste mínimas, generalmente de 4,5 a 1 para el texto principal.

Trabajar con valor

• Compruebe el contraste convirtiendo la imagen a escala de grises.
• Utiliza el valor para crear jerarquía, no solo el color.
• Alto contraste para mayor énfasis y legibilidad.
• Bajo contraste para fondos y ambientes sutiles.

El valor tonal es la base de un diseño. El color atrae la atención, pero el valor tonal determina si la composición se mantiene coherente.