Hergestellt in 01/16/2024 08:56
Material Design Color Palette (18)
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 Material Design Color Palette (18) 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 MyPalettes
Farbcodes in der Palette
Material Design Color Palette (18) 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 |
