Hergestellt in 08/14/2025 08:41
Material Design color palette 15
- #fff3e0
- #ffe0b2
- #ffcc80
- #ffb74d
- #ffa726
- #ff9800
- #fb8c00
- #f57c00
- #ef6c00
- #e65100
- #ffd180
- #ffab40
- #ff9100
- #ff6d00
Die Palette besteht aus Licht-Farben. Akzentfarben #fff3e0 und #ffe0b2. Palette hat Farbtemperatur Neutral, Warm.
Nach Helligkeit reicht diese Palette von #E65100 (dunkelstes) bis #FFF3E0 (hellstes). Die Helligkeitsspanne ist moderat.
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 warmen Seite.
HEX-Codes (sortiert): #E65100, #EF6C00, #F57C00, #FB8C00, #FF6D00, #FF9100, #FF9800, #FFA726, #FFAB40, #FFB74D, #FFCC80, #FFD180, #FFE0B2, #FFF3E0
Die Palette Material Design color palette 15 enthält eine Kombination aus 14-Codefarben:
VERHEXEN: #fff3e0, RGB: (255, 243, 224); VERHEXEN: #ffe0b2, RGB: (255, 224, 178); VERHEXEN: #ffcc80, RGB: (255, 204, 128)
VERHEXEN: #ffb74d, RGB: (255, 183, 77); VERHEXEN: #ffa726, RGB: (255, 167, 38); VERHEXEN: #ff9800, RGB: (255, 152, 0)
VERHEXEN: #fb8c00, RGB: (251, 140, 0); VERHEXEN: #f57c00, RGB: (245, 124, 0); VERHEXEN: #ef6c00, RGB: (239, 108, 0)
VERHEXEN: #e65100, RGB: (230, 81, 0); VERHEXEN: #ffd180, RGB: (255, 209, 128); VERHEXEN: #ffab40, RGB: (255, 171, 64)
VERHEXEN: #ff9100, RGB: (255, 145, 0); VERHEXEN: #ff6d00, RGB: (255, 109, 0)
Vereinfachte Version der Palettenfarben
Schatten von antiquewhite, Schatten von navajowhite, Farbton von navajowhite, Schatten von Orange, Schatten von Orange, Schatten von darkorange, Farbton von darkorange, Farbton von darkorange, Schatten von chocolate, Farbton von orangered, Farbton von navajowhite, Schatten von Orange, Schatten von darkorange, Farbton von coral
Farbschema wurde erstellt von MyPalettes
Farbcodes in der Palette
Material Design color palette 15 Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fff3e0 | #fff3e0 | RGB(255, 243, 224) | — | — |
| #ffe0b2 | #ffe0b2 | RGB(255, 224, 178) | — | — |
| #ffcc80 | #ffcc80 | RGB(255, 204, 128) | — | — |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | — | — |
| #ffa726 | #ffa726 | RGB(255, 167, 38) | — | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | — | — |
| #fb8c00 | #fb8c00 | RGB(251, 140, 0) | — | — |
| #f57c00 | #f57c00 | RGB(245, 124, 0) | — | — |
| #ef6c00 | #ef6c00 | RGB(239, 108, 0) | — | — |
| #e65100 | #e65100 | RGB(230, 81, 0) | — | — |
| #ffd180 | #ffd180 | RGB(255, 209, 128) | — | — |
| #ffab40 | #ffab40 | RGB(255, 171, 64) | — | — |
| #ff9100 | #ff9100 | RGB(255, 145, 0) | — | — |
| #ff6d00 | #ff6d00 | RGB(255, 109, 0) | — | — |
Farbpalette Kontrast
75 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fff3e0 | #ffe0b2 | 1.15 |
#fff3e0 | #ffcc80 | 1.34 |
#fff3e0 | #ffb74d | 1.57 |
#fff3e0 | #ffa726 | 1.77 |
#fff3e0 | #ff9800 | 1.96 |
#fff3e0 | #ffd180 | 1.3 |
Bildpalette Material Design color palette 15 png
Palette exportieren
Laden Sie die "Material Design color palette 15" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: