Simultaneous Contrast
Contraste de luminosité — 2026, generated SVG, dimensions variable · Luminance · Interactive
After Michel Eugène Chevreul, 1839
Two greys, or one?
Entre ces deux carrés, lequel est le plus clair ?
Comment regarder: Regardez uniquement la zone où les deux carrés se touchent
Partager
Voir la réponse
Les deux carrés sont exactement du même gris (#8a8a8a).
↑ Le mécanisme, rendu visible.
Notes — pourquoi on le voit ainsi
Ce qui se passe
Les deux carrés sont peints avec exactement le même code couleur. « Voir la réponse » relie les deux carrés par un bandeau de cette même couleur. S’il apparaît d’un seul tenant, sans rupture, c’est la preuve qu’il s’agit bien de la même couleur.
Pourquoi on le voit ainsi
Au-delà de la rétine, le système visuel n’envoie pas la quantité absolue de lumière, mais accentue la différence entre zones voisines (inhibition latérale). C’est un mécanisme qui permet de juger la couleur d’un objet comme constante malgré les changements d’éclairage, et qui fonctionne presque toujours correctement au quotidien.
- Une feuille blanche reste blanche, qu’il fasse nuageux ou ensoleillé.
- Une pomme reste rouge même à l’ombre.
Autrement dit, ce n’est pas un bug du cerveau : c’est une fonction conçue pour annuler les variations d’éclairage, qui se retourne contre elle-même dans une situation créée exprès pour la piéger.
Ce que cela signifie pour le design
Même avec le même code couleur, le rendu change selon le fond. En choisissant un gris ou une couleur de texte pour une interface, l’examiner isolément et le voir ensuite changer d’impression une fois posé sur le fond réel de la page s’explique par ce phénomène.
Première description
After Michel Eugène Chevreul, 1839
Source: « De la loi du contraste simultané des couleurs »
Media — images et données
- OG / X (1200×630)
- Instagram carré (1080×1080)
- Shorts / Reels vertical (1080×1920)
- Image réponse — paysage (X)
- Image réponse — carré (Instagram)
- Image réponse — vertical (Shorts)
- Brouillons de publications (JSON)
Utilisation libre à des fins non commerciales (cours, exposés, blogs), avec un lien vers cette page comme source. L’usage commercial n’est pas couvert
Chaque figure est générée ici à partir du phénomène lui-même (réimplémentée). Phénomène connu de longue date sous le nom de contraste simultané. Le visuel est généré ici à partir des valeurs de couleur comme simples paramètres, de façon propre au site.