Hergestellt in 08/14/2025 08:36
Material Design color palette 7
- #e1f5fe
- #b3e5fc
- #81d4fa
- #4fc3f7
- #29b6f6
- #03a9f4
- #039be5
- #0288d1
- #0277bd
- #01579b
- #80d8ff
- #40c4ff
- #00b0ff
- #0091ea
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben #80d8ff und #40c4ff. Palette hat Farbtemperatur Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #01579B (dunkelstes) bis #E1F5FE (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere 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): #0091EA, #00B0FF, #01579B, #0277BD, #0288D1, #039BE5, #03A9F4, #29B6F6, #40C4FF, #4FC3F7, #80D8FF, #81D4FA, #B3E5FC, #E1F5FE
Die Palette Material Design color palette 7 enthält eine Kombination aus 14-Codefarben:
VERHEXEN: #e1f5fe, RGB: (225, 245, 254); VERHEXEN: #b3e5fc, RGB: (179, 229, 252); VERHEXEN: #81d4fa, RGB: (129, 212, 250)
VERHEXEN: #4fc3f7, RGB: (79, 195, 247); VERHEXEN: #29b6f6, RGB: (41, 182, 246); VERHEXEN: #03a9f4, RGB: (3, 169, 244)
VERHEXEN: #039be5, RGB: (3, 155, 229); VERHEXEN: #0288d1, RGB: (2, 136, 209); VERHEXEN: #0277bd, RGB: (2, 119, 189)
VERHEXEN: #01579b, RGB: (1, 87, 155); VERHEXEN: #80d8ff, RGB: (128, 216, 255); VERHEXEN: #40c4ff, RGB: (64, 196, 255)
VERHEXEN: #00b0ff, RGB: (0, 176, 255); VERHEXEN: #0091ea, RGB: (0, 145, 234)
Vereinfachte Version der Palettenfarben
Farbton von azure, Schatten von lightblue, Schatten von skyblue, Schatten von deepskyblue, Schatten von deepskyblue, Farbton von deepskyblue, Farbton von dodgerblue, Farbton von steelblue, Farbton von steelblue, Farbton von royalblue, Schatten von skyblue, Schatten von deepskyblue, Farbton von deepskyblue, Farbton von dodgerblue
Farbschema wurde erstellt von MyPalettes
Farbcodes in der Palette
Material Design color palette 7 Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #e1f5fe | #e1f5fe | RGB(225, 245, 254) | — | — |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | — | — |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | — | — |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | — | — |
| #29b6f6 | #29b6f6 | RGB(41, 182, 246) | — | — |
| #03a9f4 | #03a9f4 | RGB(3, 169, 244) | — | — |
| #039be5 | #039be5 | RGB(3, 155, 229) | — | — |
| #0288d1 | #0288d1 | RGB(2, 136, 209) | — | — |
| #0277bd | #0277bd | RGB(2, 119, 189) | — | — |
| #01579b | #01579b | RGB(1, 87, 155) | — | — |
| #80d8ff | #80d8ff | RGB(128, 216, 255) | — | — |
| #40c4ff | #40c4ff | RGB(64, 196, 255) | — | — |
| #00b0ff | #00b0ff | RGB(0, 176, 255) | — | — |
| #0091ea | #0091ea | RGB(0, 145, 234) | — | — |
Farbpalette Kontrast
60 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#e1f5fe | #b3e5fc | 1.2 |
#e1f5fe | #81d4fa | 1.46 |
#e1f5fe | #4fc3f7 | 1.78 |
#e1f5fe | #80d8ff | 1.41 |
#e1f5fe | #40c4ff | 1.77 |
#b3e5fc | #81d4fa | 1.21 |
Bildpalette Material Design color palette 7 png
Palette exportieren
Laden Sie die "Material Design color palette 7" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: