Hergestellt in 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
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben grey lighten-5 #fafafa und grey lighten-4 #f5f5f5. Palette hat Farbtemperatur Neutral.
Die Palette Grey palette Materialize CSS enthält eine Kombination aus 10-Codefarben:
VERHEXEN: #fafafa, RGB: (250, 250, 250); VERHEXEN: #f5f5f5, RGB: (245, 245, 245); VERHEXEN: #eeeeee, RGB: (238, 238, 238)
VERHEXEN: #e0e0e0, RGB: (224, 224, 224); VERHEXEN: #bdbdbd, RGB: (189, 189, 189); VERHEXEN: #9e9e9e, RGB: (158, 158, 158)
VERHEXEN: #757575, RGB: (117, 117, 117); VERHEXEN: #616161, RGB: (97, 97, 97); VERHEXEN: #424242, RGB: (66, 66, 66)
VERHEXEN: #212121, RGB: (33, 33, 33)
Vereinfachte Version der Palettenfarben
Schatten von whitesmoke, whitesmoke, Farbton von whitesmoke, Schatten von gainsboro, Farbton von Silber, Farbton von darkgrey, Schatten von dimgrey, Farbton von dimgrey, Farbton von darkslategrey, Schatten von Schwarz
Farbschema wurde erstellt von mz
Farbcodes in der Palette
Grey palette Materialize CSS Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fafafa | RGB(250, 250, 250) | grey lighten-5 | Dr. White | |
| #f5f5f5 | RGB(245, 245, 245) | grey lighten-4 | White Smoke | |
| #eeeeee | RGB(238, 238, 238) | grey lighten-3 | Super Silver | |
| #e0e0e0 | RGB(224, 224, 224) | grey lighten-2 | Gray88 | |
| #bdbdbd | RGB(189, 189, 189) | grey lighten-1 | Gray74 | |
| #9e9e9e | RGB(158, 158, 158) | grey | Gray62 | |
| #757575 | RGB(117, 117, 117) | grey darken-1 | Sonic Silver | |
| #616161 | RGB(97, 97, 97) | grey darken-2 | Gray38 | |
| #424242 | RGB(66, 66, 66) | grey darken-3 | Black Panther | |
| #212121 | RGB(33, 33, 33) | grey darken-4 | Lead |
Farbpalette Kontrast
15 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fafafa | #f5f5f5 | 1.04 |
#fafafa | #eeeeee | 1.11 |
#fafafa | #e0e0e0 | 1.26 |
#fafafa | #bdbdbd | 1.79 |
#f5f5f5 | #eeeeee | 1.06 |
#f5f5f5 | #e0e0e0 | 1.21 |
