Couleur et visibilité
Le contraste de valeurs
GRETA Clermont-Auvergne - Formation Com-Créa - Niveau 1
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.
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.
Made with
Color Splash
on Mac !
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.
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.
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.
Sans couleur, la lecture est parfois difficile !
6 associations très visibles
Très contrastées, elles sont souvent utilisées en signalétique.
6 autres associations visibles
Le confort de lecture entre aussi en ligne de compte.
6 associations à peine moins performantes
Le confort de lecture et la visibilité sont encore très satisfaisants.
Attention à la discrimination chromatique !
Tout le monde ne distingue pas les couleurs.
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%
Maquettez
en niveaux
de gris !
Contrastez
pour être vus !
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
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
Yves GOGUELY
Formation Com-Créa - niveau 1
GRETA Clermont-Auvergne
Mise à jour : mars 2020

Couleurs et contraste de valeurs

  • 1.
    Couleur et visibilité Lecontraste de valeurs GRETA Clermont-Auvergne - Formation Com-Créa - Niveau 1
  • 2.
    Composer pour montrer Lavisibilité 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 Lacouleur 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.
  • 5.
    Une couleur n’estjamais 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épenddu 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 couleursaux 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, lalecture est parfois difficile !
  • 9.
    6 associations trèsvisibles Très contrastées, elles sont souvent utilisées en signalétique.
  • 10.
    6 autres associationsvisibles 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 à ladiscrimination chromatique ! Tout le monde ne distingue pas les couleurs.
  • 13.
    L’importance du contrastede 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 lateinte 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 quiest 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