Le contraste de valeurs, clé de la visibilité d'une forme sur un fond. Choisir des couleurs visibles par tous et dans tous les contextes. Cours de com-créa au GRETA Clermont-Auvergne.

1. Couleur et visibilité
Le contraste de valeurs
GRETA Clermont-Auvergne - Formation Com-Créa - Niveau 1

2. Composer pour montrer
La visibilité d’un objet graphique (texte ou image)
le rend facilement repérable par notre système de vision.
Cette visibilité est plus d’autant plus grande que l’objet
se différencie nettement de son environnement.

3. Colorer pour différencier
La couleur permet de mettre en valeur tel ou tel élément
graphique (texte ou image) dans une composition.
Ce qui est coloré se distingue de ce qui ne l’est pas.

4. Made with
Color Splash
on Mac !

5. Une couleur n’est jamais perçue seule
Une couleur est toujours perçue dans un environnement
chromatique. Selon la ou les couleurs voisine(s), une couleur
est perçue différemment.

6. La visibilité dépend du contraste de valeurs
Une couleur claire se détache sur une couleur foncée et
inversement. L’écart entre la luminosité du fond et celle
de la forme détermine l’intensité du contraste de valeurs.

7. Choisir des couleurs aux valeurs contrastées
Pour assurer une visibilité maximale, il convient de choisir
des couleurs de fond et d’objet graphique présentant un
contraste de valeurs suffisant pour une lecture confortable.

8. Sans couleur, la lecture est parfois difficile !

9. 6 associations très visibles
Très contrastées, elles sont souvent utilisées en signalétique.

10. 6 autres associations visibles
Le confort de lecture entre aussi en ligne de compte.

11. 6 associations à peine moins performantes
Le confort de lecture et la visibilité sont encore très satisfaisants.

12. Attention à la discrimination chromatique !
Tout le monde ne distingue pas les couleurs.

13. L’importance du contraste de valeurs
Quand les teintes ne sont pas perçues, seules les valeurs
(niveaux de gris des couleurs ou degrés de luminosité) permettent
la différenciation des formes sur leur fond.
100 - 45
= 55%
100 - 45
= 55%
65 - 0
= 65%

14. Maquettez
en niveaux
de gris !
Contrastez
pour être vus !

15. Questionnaire (1/2)
Seule la teinte d’une forme permet de la différencier de
son environnement visuel.
1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux
Le vert sur le rouge se distingue mal alors que le rouge sur
le vert se distingue très bien.
1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux
La valeur d’une couleur correspond à son degré de visibilité.
1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux

16. Questionnaire (2/2)
Ce qui est coloré se distingue de ce qui ne l’est pas.
1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux
Ce qui est sombre se voit mieux que ce qui est clair.
1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux
En compostion graphique, il est préférable de commencer
la mise en place des éléments visuels en utilisant des
formes en noir et blanc ou en niveaux de gris.
1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux

17. Yves GOGUELY
Formation Com-Créa - niveau 1
GRETA Clermont-Auvergne
Mise à jour : mars 2020