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
Erstellt am 12/27/2017 21:25
Die Palette besteht aus Hell, Halbdunkel, Dunkel-Farben. Akzentfarben grey lighten-5 #fafafa und grey lighten-4 #f5f5f5. Palette hat Farbtemperatur Neutral.
Nach Helligkeit reicht diese Palette von #212121 (dunkelstes) bis #FAFAFA (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt eher gedämpft (geringere Chroma) — 100% der Farben sind gedämpft.
Die meisten Farben sind nahezu neutral oder sehr wenig gesättigt; Farbtonbeziehungen sind subtil.
Die meisten Felder wirken neutral in der Farbtemperatur (10 von 10).
HEX-Codes (sortiert): #212121, #424242, #616161, #757575, #9E9E9E, #BDBDBD, #E0E0E0, #EEEEEE, #F5F5F5, #FAFAFA
Die Palette Grey palette Materialize CSS kombiniert 10 Farbcodes:
HEX: #fafafa, RGB: (250, 250, 250); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #eeeeee, RGB: (238, 238, 238)
HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #757575, RGB: (117, 117, 117); HEX: #616161, RGB: (97, 97, 97); HEX: #424242, RGB: (66, 66, 66)
HEX: #212121, RGB: (33, 33, 33)
Vereinfachte Version der Palettenfarben
Aufhellung von Rauchweiß, Rauchweiß, Schattierung von Rauchweiß, Aufhellung von Gainsboro, Schattierung von Silber, Schattierung von Dunkelgrau, Aufhellung von Mattgrau, Schattierung von Mattgrau, Schattierung von Dunkles Schiefergrau, Aufhellung von Schwarz
Farbschema wurde erstellt von mz
Farbcodes in der Palette
Grey palette Materialize CSS Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #fafafa | #fafafa | RGB(250, 250, 250) | grey lighten-5 | Dr. White |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | grey lighten-4 | Whitesmoke |
| #eeeeee | #eeeeee | RGB(238, 238, 238) | grey lighten-3 | Super Silver |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | grey lighten-2 | Gray88 |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | grey lighten-1 | Gray74 |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | grey | Gray62 |
| #757575 | #757575 | RGB(117, 117, 117) | grey darken-1 | Sonic Silver |
| #616161 | #616161 | RGB(97, 97, 97) | grey darken-2 | Gray38 |
| #424242 | #424242 | RGB(66, 66, 66) | grey darken-3 | Black Panther |
| #212121 | #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.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#fafafa | #f5f5f5 | 1.04 |
#fafafa | #eeeeee | 1.11 |
#fafafa | #e0e0e0 | 1.26 |
#fafafa | #bdbdbd | 1.79 |
#f5f5f5 | #eeeeee | 1.06 |
#f5f5f5 | #e0e0e0 | 1.21 |
Bildpalette Grey palette Materialize CSS png
Palette exportieren
Laden Sie die "Grey palette Materialize CSS" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: