Quand comme moi, on a appris la décomposition des couleurs avec de la peinture en faisant des cercles chromatiques au collège, on a un peu de mal avec les codes couleur RGB utilisés dans les images numériques ou le web. Alors, voilà un petit aide mémoire pour voir comment ça se mélange.
Chaque couleur élémentaire est codé sur un nombre hexadécimal sur deux chiffres, soit de 0 à FF (255). Pour les échantillons, on a choisi de ne prendre que cinq niveaux : 00, 40 (64), 80 (128), C0 (192), FF(255).
Noir et blanc
Le plus simple, c’est le noir (aucune couleur) et le blanc (toutes les couleurs : on peut penser à la décomposition de la lumière). Si on met la même quantité de chaque couleur, ça fait du gris.
- du noir au blanc en passant par les gris :
Les couleurs élémentaires
- les rouges :
- les verts :
- les bleus :
Les mélanges binaires
Ici, on mélange deux couleurs à parts égales, puis on met les deux au maximum et on ajoute progressivement la troisième pour éclaircir :
- rouge et vert = jaune !
- rouge et bleu = rose (normal…)
- vert et bleu = cyan (logique aussi)
D’autres mélanges
Mais alors comment fait-on les couleurs secondaires comme du orange ou du violet par exemple ? Il toujours faut mélanger deux couleurs, mais pas à parts égales. Ici, j’ai mis l’une des couleurs à fond, puis mélangé avec plus ou moins avec les deux autres.
-
rouge : + vert = orange et + bleu = fushia
#FF0000 #FF0040 #FF0080 #FF00C0 #FF00FF #FF4000 #FF4040 #FF4080 #FF40C0 #FF40FF #FF8000 #FF8040 #FF8080 #FF80C0 #FF80FF #FFC000 #FFC040 #FFC080 #FFC0C0 #FFC0FF #FFFF00 #FFFF40 #FFFF80 #FFFFC0 #FFFFFF -
bleu : + rouge = violet et + vert = turquoise
#0000FF #0040FF #0080FF #00C0FF #00FFFF #4000FF #4040FF #4080FF #40C0FF #40FFFF #8000FF #8040FF #8080FF #80C0FF #80FFFF #C000FF #C040FF #C080FF #C0C0FF #C0FFFF #FF00FF #FF40FF #FF80FF #FFC0FF #FFFFFF -
du vert : + bleu = vert… d’eau ? et + rouge = vert… anis ?
#00FF00 #40FF00 #80FF00 #C0FF00 #FFFF00 #00FF40 #40FF40 #80FF40 #C0FF40 #FFFF40 #00FF80 #40FF80 #80FF80 #C0FF80 #FFFF80 #00FFC0 #40FFC0 #80FFC0 #C0FFC0 #FFFFC0 #00FFFF #40FFFF #80FFFF #C0FFFF #FFFFFF
Quelques palettes
Voilà quelques palettes de couleurs avec des codes facilement mémorisables pour ne pas de prendre la tête (vu chez Korben) :
- Avec des
99,66, etff: (couleurs froides) :
- Avec des
99,66, etff: (couleurs chaudes) :
- Avec des lettres seulement :
- Noir tirant sur le gris bleu :
- Des gris faciles à retenir :
D’autres couleurs
Il y a plein de ressources sur le web au sujet des couleurs :
- la liste des noms de couleurs CSS ;
- colorwizard qui est très bien pour jouer avec les couleurs et construire des palettes ;
- ou encore colormapper qui est du même genre.
- j’aime bien aussi cette table de couleur ;
- des palettes libres et gratuites ;
Voir aussi :
- Afficher un pourcentage dans une page HTML
- VNC : Virtual Network Computing
- Git : déménagement d'un dépôt
- Quelques liens au sujet de l'analyse statique
- Ocaml: mon principal langage de développement
- Disque dur externe
- Les profiles dans Firefox
- Cryptographie et mail sous Android
- Quelques liens au sujet du C
- Git rebase : pour diviser un commit