Simultaneous Contrast
Contraste de brilho — 2026, generated SVG, dimensions variable · Luminance · Interactive
After Michel Eugène Chevreul, 1839
Two greys, or one?
Dos dois quadrados, qual é mais claro?
Como olhar: Olhe só perto da linha entre os dois quadrados
Compartilhar
Ver a resposta
Os dois quadrados são exatamente o mesmo cinza (#8a8a8a)
↑ O mecanismo, visível.
Notes — por que vemos assim
O que está acontecendo
Os dois quadrados são pintados com um único e mesmo código de cor. Ao clicar em “Ver a resposta”, uma faixa da mesma cor liga os dois quadrados. Se a faixa parecer contínua, sem nenhuma quebra, isso é a prova de que é a mesma cor.
Por que vemos assim
O sistema visual, depois da retina, não transmite a quantidade absoluta de luz, e sim destaca a diferença entre áreas vizinhas (inibição lateral). É um mecanismo para julgar a cor do objeto como a mesma mesmo quando a iluminação muda, e no dia a dia ele funciona corretamente quase o tempo todo.
- Num dia nublado ou num dia de sol, o papel branco continua parecendo branco
- Mesmo na sombra, uma maçã continua parecendo vermelha
Ou seja, isso não é um bug do cérebro: é uma função feita para cancelar diferenças de iluminação, saindo pela culatra numa cena criada de propósito.
O que isso significa em design
Mesmo com o mesmo código de cor, a aparência muda conforme o fundo. É por isso que, ao escolher o cinza da interface ou a cor do texto, decidir olhando a cor isolada pode dar uma impressão diferente da que ela terá sobre o fundo real.
Primeira descrição
After Michel Eugène Chevreul, 1839
Fonte: 『De la loi du contraste simultané des couleurs』(A lei do contraste simultâneo das cores)
Media — imagens e dados
- OG / X (1200×630)
- Instagram quadrado (1080×1080)
- Shorts / Reels vertical (1080×1920)
- Imagem da resposta — horizontal (X)
- Imagem da resposta — quadrada (Instagram)
- Imagem da resposta — vertical (Shorts)
- Rascunhos de posts (JSON)
Uso livre para fins não comerciais (aulas, trabalhos escolares, blogs), com um link para esta página como fonte. O uso comercial não está incluído
Cada figura é gerada aqui a partir do próprio fenômeno (reimplementada). Fenômeno conhecido há muito tempo como contraste simultâneo (simultaneous contrast). A figura é gerada de forma própria, usando os valores de cor como parâmetro.


