Simultaneous Contrast
Contraste de brillo — 2026, generated SVG, dimensions variable · Luminance · Interactive
After Michel Eugène Chevreul, 1839
Two greys, or one?
¿Cuál de los dos cuadrados es más claro?
Cómo mirar: Mira solo la zona cercana al límite entre los dos cuadrados
Compartir
Ver la respuesta
Los dos cuadrados son exactamente el mismo gris (#8a8a8a)
↑ El mecanismo, hecho visible.
Notes — por qué lo vemos así
Qué está pasando
Los dos cuadrados están pintados con un único y mismo código de color. Al pulsar “Ver la respuesta”, una franja del mismo color conecta ambos cuadrados. Si la franja se ve continua, sin ningún corte, esa es la prueba de que se trata del mismo color.
Por qué lo vemos así
El sistema visual, más allá de la retina, no transmite la cantidad absoluta de luz, sino que resalta la diferencia entre regiones vecinas (inhibición lateral). Este es el mecanismo que permite juzgar que un objeto conserva su color aunque cambie la iluminación, y funciona correctamente casi siempre en la vida diaria.
- Un papel blanco se ve blanco tanto en un día nublado como en uno soleado
- Una manzana sigue viéndose roja incluso a la sombra
Es decir, esto no es un error del cerebro: es una función pensada para anular las diferencias de iluminación que se vuelve contraproducente en una escena creada a propósito.
Su relevancia en diseño
Aunque el código de color sea el mismo, la percepción cambia según el fondo. Por eso, al elegir el gris de una interfaz o el color de un texto, decidirlo mirándolo aislado puede dar una impresión distinta a la que tendrá sobre el fondo real.
Primera descripción
After Michel Eugène Chevreul, 1839
Fuente: 『De la loi du contraste simultané des couleurs』(La ley del contraste simultáneo de los colores)
Media — imágenes y datos
- OG / X (1200×630)
- Instagram cuadrado (1080×1080)
- Shorts / Reels vertical (1080×1920)
- Imagen de respuesta — horizontal (X)
- Imagen de respuesta — cuadrada (Instagram)
- Imagen de respuesta — vertical (Shorts)
- Borradores de publicaciones (JSON)
Uso libre con fines no comerciales (clases, trabajos escolares, blogs), con un enlace a esta página como fuente. El uso comercial no está incluido
Cada figura se genera aquí a partir del fenómeno mismo (reimplementada). Fenómeno conocido desde hace mucho como contraste simultáneo (simultaneous contrast). La figura se genera de forma propia, con los valores de color como parámetros.


