SlideShare une entreprise Scribd logo

Valeurs et usages des couleurs pures

Utiliser des couleurs pures de manière fonctionnelle. Répartir les valeurs des couleurs pures sur un cercle chromatique. Créer des nuanciers fonctionnels. Étager les valeurs des couleurs d'un nuancier pour optimiser le contraste de valeurs, la visibilité et la lisibilité des formes.

1  sur  15
Télécharger pour lire hors ligne
Valeurs et usages
de couleurs pures étagées
Nouvelle
version
Nouvelle
version
Les valeurs indicatives des couleurs pures
sur un cercle chromatique
L’évaluation des valeurs des couleurs a été effectuée avec Photoshop et non avec l’outil de conversion
en niveaux de gris proposé dans Illustrator. Les valeurs indiquées ont été arrondies au pourcentage
le plus proche, de 5 en 5. Notez que le cercle chromatique utilisé est une adaptation personnalisée.
10
40
25
25
45
55
75
65
70
70
80
90
70
10
40
25
25
45
55
65
70
75
80
90
Valeurs des couleurs pures
chaudes et froides
Couleurs pures chaudes
Couleurs pures froides
Valeurs des couleurs pures chaudes
Valeurs des couleurs pures froides
40
45
25
25
55
65
70
75 80
75
70
10
40
25
25
45
55
65
70
75
80
90
40
45
25
25
55
65
70
75 80
75
Créer des nuanciers fonctionnels
En communication imprimée, un nuancier de couleurs pures
doit préserver un écart de valeur suffisant (≥ 20%)
entre les couleurs qui le composent.
Cela reste vrai pour un nuancier composé de couleurs désaturées, ternies ou assourdies !
45 - 45 = 0
65 - 55 = 10
45
45
25
25
55
65
70
75 80
75
10 90
45
45
25
25
55
65
70
75 80
75
9010
55
65
55
65
45
45
45
45
Dans les couples de couleurs chaudes et froides ci-dessous,
l’écarts des valeurs est insuffisant.
0000 05 0510
45
45
25
25
55
65
70
75 80
75
45
45
25
25
55
65
70
75 80
75
Ces écarts ne garantissent pas la lisibilité pour tous,
ni dans tous les contextes d’éclairage !
Écarts
45 - 25 = 20
45 - 25 = 20
Dans cet exemple,
les gris se substituent
aux couleurs choisies
pour multiplier
les utilisations.
L’écart entre les
valeurs des couleurs
est de 20%. Le contraste
est donc juste suffisant
pour lire confortablement !
45
45
25
25
55
65
70
75 80
75
10 90
45
45
25
25
55
65
70
75 80
75
9010

Recommandé

Etagement des valeurs des couleurs
Etagement des valeurs des couleursEtagement des valeurs des couleurs
Etagement des valeurs des couleursYves Goguely
 
Etagement des couleurs d'un nuancier
Etagement des couleurs d'un nuancierEtagement des couleurs d'un nuancier
Etagement des couleurs d'un nuancierYves Goguely
 
Utilisation de nuanciers fonctionnels
Utilisation de nuanciers fonctionnelsUtilisation de nuanciers fonctionnels
Utilisation de nuanciers fonctionnelsYves Goguely
 
Création de variantes colorées d'une composition
Création de variantes colorées d'une compositionCréation de variantes colorées d'une composition
Création de variantes colorées d'une compositionYves Goguely
 
Couleurs et contraste de valeurs
Couleurs et contraste de valeursCouleurs et contraste de valeurs
Couleurs et contraste de valeursYves Goguely
 
Compositions MALINES
Compositions MALINESCompositions MALINES
Compositions MALINESYves Goguely
 
Graphisme ÉCLAIRÉ
Graphisme ÉCLAIRÉGraphisme ÉCLAIRÉ
Graphisme ÉCLAIRÉYves Goguely
 

Contenu connexe

Plus de Yves Goguely

MoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une compositionMoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une compositionYves Goguely
 
mettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-Smettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-SYves Goguely
 
Les attributs des objets graphiques
Les attributs des objets graphiquesLes attributs des objets graphiques
Les attributs des objets graphiquesYves Goguely
 
4 directions graphiques
4 directions graphiques4 directions graphiques
4 directions graphiquesYves Goguely
 
Cercles chromatiques
Cercles chromatiquesCercles chromatiques
Cercles chromatiquesYves Goguely
 

Plus de Yves Goguely (6)

MoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une compositionMoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une composition
 
mettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-Smettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-S
 
Les attributs des objets graphiques
Les attributs des objets graphiquesLes attributs des objets graphiques
Les attributs des objets graphiques
 
4 directions graphiques
4 directions graphiques4 directions graphiques
4 directions graphiques
 
Cercles chromatiques
Cercles chromatiquesCercles chromatiques
Cercles chromatiques
 
En 3 mots
En 3 motsEn 3 mots
En 3 mots
 

Valeurs et usages des couleurs pures

  • 1. Valeurs et usages de couleurs pures étagées Nouvelle version Nouvelle version
  • 2. Les valeurs indicatives des couleurs pures sur un cercle chromatique L’évaluation des valeurs des couleurs a été effectuée avec Photoshop et non avec l’outil de conversion en niveaux de gris proposé dans Illustrator. Les valeurs indiquées ont été arrondies au pourcentage le plus proche, de 5 en 5. Notez que le cercle chromatique utilisé est une adaptation personnalisée. 10 40 25 25 45 55 75 65 70 70 80 90 70 10 40 25 25 45 55 65 70 75 80 90
  • 3. Valeurs des couleurs pures chaudes et froides Couleurs pures chaudes Couleurs pures froides Valeurs des couleurs pures chaudes Valeurs des couleurs pures froides 40 45 25 25 55 65 70 75 80 75 70 10 40 25 25 45 55 65 70 75 80 90 40 45 25 25 55 65 70 75 80 75
  • 4. Créer des nuanciers fonctionnels En communication imprimée, un nuancier de couleurs pures doit préserver un écart de valeur suffisant (≥ 20%) entre les couleurs qui le composent. Cela reste vrai pour un nuancier composé de couleurs désaturées, ternies ou assourdies ! 45 - 45 = 0 65 - 55 = 10 45 45 25 25 55 65 70 75 80 75 10 90 45 45 25 25 55 65 70 75 80 75 9010 55 65 55 65 45 45 45 45
  • 5. Dans les couples de couleurs chaudes et froides ci-dessous, l’écarts des valeurs est insuffisant. 0000 05 0510 45 45 25 25 55 65 70 75 80 75 45 45 25 25 55 65 70 75 80 75 Ces écarts ne garantissent pas la lisibilité pour tous, ni dans tous les contextes d’éclairage ! Écarts
  • 6. 45 - 25 = 20 45 - 25 = 20 Dans cet exemple, les gris se substituent aux couleurs choisies pour multiplier les utilisations. L’écart entre les valeurs des couleurs est de 20%. Le contraste est donc juste suffisant pour lire confortablement ! 45 45 25 25 55 65 70 75 80 75 10 90 45 45 25 25 55 65 70 75 80 75 9010
  • 7. Dans cet exemple, on utilise des couleurs dont les valeurs offrent un fort contraste. L’écart entre les valeurs des couleurs est de 45%. Le contraste est donc largement suffisant et la lecture très confortable ! 70 - 25 = 45 70 - 25 = 45 45 45 25 25 55 65 70 75 80 75 10 90 45 45 25 25 55 65 70 75 80 75 9010
  • 8. Usage fonctionnel de 2 couleurs pures Écart entre les valeurs des couleurs utilisées ≥ à 20% 45 - 75 25 - 70 45 - 75 25 - 70 25 - 55 65 - 90Écart = 45% Écart = 30% Écart = 45% Écart = 30% Écart = 30% Écart = 25%
  • 9. Usage fonctionnel de 2 couleurs pures Écart entre les valeurs des couleurs utilisées ≥ à 20% 25 - 75 45 - 75 25 - 65 55 - 90 55 - 80 45 - 65Écart = 35% Écart = 25% Écart = 20% Écart = 50% Écart = 30% Écart = 40%
  • 10. Usage de 2 couleurs pures + noir ou blanc Écart entre les valeurs des couleurs utilisées ≥ à 30% 25 - 70 - 100 00 - 55 - 90Écart ≥ 30% Écart ≥ 35%
  • 11. Usage fonctionnel de 3 couleurs pures Écart entre les valeurs des couleurs utilisées ≥ à 25% 25 - 55 - 90 25 - 65 - 90Écart ≥ 30% Écart ≥ 25%
  • 12. Usage de 3 couleurs pures + noir ou blanc Écart entre les valeurs des couleurs utilisées ≥ à 25% 10 - 45 - 75 - 100 00 - 25 - 75 - 90
  • 13. Pour permettre un usage plus large des nuanciers étagés fonctionnels, une plus vaste palette de couleurs vous est proposée sur la page suivante. Les couleurs sont classées par colonne de couleurs de valeur identique. Ce classement est approximatif mais cependant assez précis pour construire des nuanciers étagés fonctionnels.
  • 14. Couleurs étagées pour nuanciers fonctionnels 30 35 40 40 40 30 30 30 30 20 20 20 25 25 30 3520 25 25 60 65 50 55 60 7570 55 55 60 65 7570 80 90 80 90 80 90 100 100 100 100 100 100 10 10 20 2510 10 10 10 45 45 40 50 50 45 40353020 25 55 60 65 75 70 75 70 80 80 90 10010 5045 4035 55 60 65 7570 80 90 55 60 65 7570 80 90 5045 55 60 65 7570 80 90 5045 5045 35 403020 25 55 60 65 757010 45 5035 80 90 100403020 25 55 60 65 757010 45 5035 20 25 35 Couleurs composées de 2 primaires maximum et parfois de noir. .
  • 15. Yves GOGUELY Formation Com-Créa - niveau 1 GRETA Clermont-Auvergne Mise à jour : mars 2020