EN JA ZH ES

Contraste

La diferencia de luminancia entre las áreas más brillantes y más oscuras de una imagen. Determina la profundidad percibida, la dimensionalidad y el impacto visual de la imagen.

El contraste describe la magnitud de la diferencia de luminancia entre las regiones claras y oscuras de una imagen. Las imágenes de alto contraste exhiben una separación tonal dramática con sombras profundas y luces brillantes, transmitiendo fuerza visual y dimensionalidad. Las imágenes de bajo contraste aparecen planas y apagadas, con tonos agrupados en un rango estrecho. El contraste es uno de los parámetros más fundamentales que determinan cómo se percibe una imagen.

En diseño web, el contraste tiene implicaciones de accesibilidad. WCAG 2.1 exige ratios de contraste mínimos de 4.5:1 para texto normal y 3:1 para texto grande. CSS proporciona filter: contrast() para ajuste dinámico de imágenes y la media query prefers-contrast para adaptar diseños a las preferencias del usuario. Comprender el contraste es esencial para crear experiencias digitales tanto visualmente atractivas como universalmente accesibles.

Términos relacionados

Artículos relacionados