Créé à 03/07/2018 16:43
1
Material Design color palette
Red
#f44336
Pink
#e81e63
Purple
#9c27b0
Deep Purple
#673ab7
Indigo
#3f51b5
Blue
#2196f3
Light Blue
#03a9f4
Cyan
#00bcd4
Teal
#009688
Green
#4caf50
Light Green
#8bc34a
Lime
#cddc39
Yellow
#ffeb3b
Amber
#ffc107
Orange
#ff9800
Deep Orange
#ff5722
Brown
#795548
Gray
#9e9e9e
Blue Gray
#607d8b
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Cyan #00bcd4 et Yellow #ffeb3b. La palette a une température de couleur Chaud, Froid, Neutre.
La palette Material Design color palette a une combinaison de couleurs de codes 19:
HEX: #f44336, RVB: (244, 67, 54); HEX: #e81e63, RVB: (232, 30, 99); HEX: #9c27b0, RVB: (156, 39, 176)
HEX: #673ab7, RVB: (103, 58, 183); HEX: #3f51b5, RVB: (63, 81, 181); HEX: #2196f3, RVB: (33, 150, 243)
HEX: #03a9f4, RVB: (3, 169, 244); HEX: #00bcd4, RVB: (0, 188, 212); HEX: #009688, RVB: (0, 150, 136)
HEX: #4caf50, RVB: (76, 175, 80); HEX: #8bc34a, RVB: (139, 195, 74); HEX: #cddc39, RVB: (205, 220, 57)
HEX: #ffeb3b, RVB: (255, 235, 59); HEX: #ffc107, RVB: (255, 193, 7); HEX: #ff9800, RVB: (255, 152, 0)
HEX: #ff5722, RVB: (255, 87, 34); HEX: #795548, RVB: (121, 85, 72); HEX: #9e9e9e, RVB: (158, 158, 158)
HEX: #607d8b, RVB: (96, 125, 139)
Version simplifiée des couleurs de la palette
Nuance de tomato, Ombre de crimson, Nuance de darkorchid, Nuance de blueviolet, Nuance de slateblue, Ombre de dodgerblue, Nuance de deepskyblue, Nuance de darkturquoise, Ombre de darkcyan, Nuance de mediumseagreen, Nuance de Vert jaunâtre, Ombre de Vert jaunâtre, Nuance de Jaune, Nuance de gold, Ombre de darkorange, Ombre de orangered, Nuance de sienna, Nuance de darkgrey, Nuance de slategrey
Le jeu de couleurs a été créé par mz
Codes couleurs dans la palette
Material Design color palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #f44336 | RVB(244, 67, 54) | Red | — | |
| #e81e63 | RVB(232, 30, 99) | Pink | — | |
| #9c27b0 | RVB(156, 39, 176) | Purple | — | |
| #673ab7 | RVB(103, 58, 183) | Deep Purple | — | |
| #3f51b5 | RVB(63, 81, 181) | Indigo | — | |
| #2196f3 | RVB(33, 150, 243) | Blue | — | |
| #03a9f4 | RVB(3, 169, 244) | Light Blue | — | |
| #00bcd4 | RVB(0, 188, 212) | Cyan | — | |
| #009688 | RVB(0, 150, 136) | Teal | — | |
| #4caf50 | RVB(76, 175, 80) | Green | — | |
| #8bc34a | RVB(139, 195, 74) | Light Green | — | |
| #cddc39 | RVB(205, 220, 57) | Lime | — | |
| #ffeb3b | RVB(255, 235, 59) | Yellow | — | |
| #ffc107 | RVB(255, 193, 7) | Amber | — | |
| #ff9800 | RVB(255, 152, 0) | Orange | — | |
| #ff5722 | RVB(255, 87, 34) | Deep Orange | — | |
| #795548 | RVB(121, 85, 72) | Brown | — | |
| #9e9e9e | RVB(158, 158, 158) | Gray | Gray62 | |
| #607d8b | RVB(96, 125, 139) | Blue Gray | — |
Contraste de la palette de couleurs
105 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#f44336 | #e81e63 | 1.18 |
#f44336 | #9c27b0 | 1.71 |
#f44336 | #673ab7 | 1.98 |
#f44336 | #3f51b5 | 1.86 |
#f44336 | #2196f3 | 1.17 |
#f44336 | #03a9f4 | 1.4 |
