Hergestellt in 08/14/2025 08:43
Material Design color palette 19
- #eceff1
- #cfd8dc
- #b0bec5
- #90a4ae
- #78909c
- #607d8b
- #546e7a
- #455a64
- #37474f
- #263238
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben #546e7a und #263238. Palette hat Farbtemperatur Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #263238 (dunkelstes) bis #ECEFF1 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt eher gedämpft (geringere Chroma).
Die Farbton-Verteilung erinnert an einen analogen Bereich (heuristisch, keine feste Farbtheorie).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #263238, #37474F, #455A64, #546E7A, #607D8B, #78909C, #90A4AE, #B0BEC5, #CFD8DC, #ECEFF1
Die Palette Material Design color palette 19 enthält eine Kombination aus 10-Codefarben:
VERHEXEN: #eceff1, RGB: (236, 239, 241); VERHEXEN: #cfd8dc, RGB: (207, 216, 220); VERHEXEN: #b0bec5, RGB: (176, 190, 197)
VERHEXEN: #90a4ae, RGB: (144, 164, 174); VERHEXEN: #78909c, RGB: (120, 144, 156); VERHEXEN: #607d8b, RGB: (96, 125, 139)
VERHEXEN: #546e7a, RGB: (84, 110, 122); VERHEXEN: #455a64, RGB: (69, 90, 100); VERHEXEN: #37474f, RGB: (55, 71, 79)
VERHEXEN: #263238, RGB: (38, 50, 56)
Vereinfachte Version der Palettenfarben
Farbton von whitesmoke, Schatten von lightgrey, Farbton von Silber, Farbton von darkgrey, Schatten von lightslategrey, Farbton von slategrey, Farbton von slategrey, Schatten von darkslategrey, Farbton von darkslategrey, Farbton von darkslategrey
Farbschema wurde erstellt von MyPalettes
Farbcodes in der Palette
Material Design color palette 19 Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | — | — |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | — | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | — | Ocean Drive |
| #90a4ae | #90a4ae | RGB(144, 164, 174) | — | — |
| #78909c | #78909c | RGB(120, 144, 156) | — | — |
| #607d8b | #607d8b | RGB(96, 125, 139) | — | — |
| #546e7a | #546e7a | RGB(84, 110, 122) | — | — |
| #455a64 | #455a64 | RGB(69, 90, 100) | — | — |
| #37474f | #37474f | RGB(55, 71, 79) | — | — |
| #263238 | #263238 | RGB(38, 50, 56) | — | — |
Farbpalette Kontrast
17 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#eceff1 | #cfd8dc | 1.25 |
#eceff1 | #b0bec5 | 1.65 |
#cfd8dc | #b0bec5 | 1.31 |
#cfd8dc | #90a4ae | 1.78 |
#b0bec5 | #90a4ae | 1.35 |
#b0bec5 | #78909c | 1.75 |
Bildpalette Material Design color palette 19 png
Palette exportieren
Laden Sie die "Material Design color palette 19" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: