Créé à 12/27/2017 21:25
1
Grey palette Materialize CSS
grey lighten-5
#fafafa
grey lighten-4
#f5f5f5
grey lighten-3
#eeeeee
grey lighten-2
#e0e0e0
grey lighten-1
#bdbdbd
grey
#9e9e9e
grey darken-1
#757575
grey darken-2
#616161
grey darken-3
#424242
grey darken-4
#212121
La palette se compose de Lumière, Semi foncé, Sombre couleurs. Couleurs d'accent grey lighten-5 #fafafa et grey lighten-4 #f5f5f5. La palette a une température de couleur Neutre.
La palette Grey palette Materialize CSS a une combinaison de couleurs de codes 10:
HEX: #fafafa, RVB: (250, 250, 250); HEX: #f5f5f5, RVB: (245, 245, 245); HEX: #eeeeee, RVB: (238, 238, 238)
HEX: #e0e0e0, RVB: (224, 224, 224); HEX: #bdbdbd, RVB: (189, 189, 189); HEX: #9e9e9e, RVB: (158, 158, 158)
HEX: #757575, RVB: (117, 117, 117); HEX: #616161, RVB: (97, 97, 97); HEX: #424242, RVB: (66, 66, 66)
HEX: #212121, RVB: (33, 33, 33)
Version simplifiée des couleurs de la palette
Ombre de whitesmoke, whitesmoke, Nuance de whitesmoke, Ombre de gainsboro, Nuance de Argent, Nuance de darkgrey, Ombre de dimgrey, Nuance de dimgrey, Nuance de darkslategrey, Ombre de Noir
Le jeu de couleurs a été créé par mz
Codes couleurs dans la palette
Grey palette Materialize CSS codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #fafafa | RVB(250, 250, 250) | grey lighten-5 | Dr. White | |
| #f5f5f5 | RVB(245, 245, 245) | grey lighten-4 | White Smoke | |
| #eeeeee | RVB(238, 238, 238) | grey lighten-3 | Super Silver | |
| #e0e0e0 | RVB(224, 224, 224) | grey lighten-2 | Gray88 | |
| #bdbdbd | RVB(189, 189, 189) | grey lighten-1 | Gray74 | |
| #9e9e9e | RVB(158, 158, 158) | grey | Gray62 | |
| #757575 | RVB(117, 117, 117) | grey darken-1 | Sonic Silver | |
| #616161 | RVB(97, 97, 97) | grey darken-2 | Gray38 | |
| #424242 | RVB(66, 66, 66) | grey darken-3 | Black Panther | |
| #212121 | RVB(33, 33, 33) | grey darken-4 | Lead |
Contraste de la palette de couleurs
15 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 |
#fafafa | #f5f5f5 | 1.04 |
#fafafa | #eeeeee | 1.11 |
#fafafa | #e0e0e0 | 1.26 |
#fafafa | #bdbdbd | 1.79 |
#f5f5f5 | #eeeeee | 1.06 |
#f5f5f5 | #e0e0e0 | 1.21 |
