Hergestellt in 08/14/2025 08:41
Material Design color palette 16
- #fbe9e7
- #ffccbc
- #ffab91
- #ff8a65
- #ff7043
- #ff5722
- #f4511e
- #e64a19
- #d84315
- #bf360c
- #ff9e80
- #ff6e40
- #ff3d00
- #dd2c00
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben #ffccbc und #ffab91. Palette hat Farbtemperatur Neutral, Warm.
Nach Helligkeit reicht diese Palette von #BF360C (dunkelstes) bis #FBE9E7 (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): #BF360C, #D84315, #DD2C00, #E64A19, #F4511E, #FBE9E7, #FF3D00, #FF5722, #FF6E40, #FF7043, #FF8A65, #FF9E80, #FFAB91, #FFCCBC
Die Palette Material Design color palette 16 enthält eine Kombination aus 14-Codefarben:
VERHEXEN: #fbe9e7, RGB: (251, 233, 231); VERHEXEN: #ffccbc, RGB: (255, 204, 188); VERHEXEN: #ffab91, RGB: (255, 171, 145)
VERHEXEN: #ff8a65, RGB: (255, 138, 101); VERHEXEN: #ff7043, RGB: (255, 112, 67); VERHEXEN: #ff5722, RGB: (255, 87, 34)
VERHEXEN: #f4511e, RGB: (244, 81, 30); VERHEXEN: #e64a19, RGB: (230, 74, 25); VERHEXEN: #d84315, RGB: (216, 67, 21)
VERHEXEN: #bf360c, RGB: (191, 54, 12); VERHEXEN: #ff9e80, RGB: (255, 158, 128); VERHEXEN: #ff6e40, RGB: (255, 110, 64)
VERHEXEN: #ff3d00, RGB: (255, 61, 0); VERHEXEN: #dd2c00, RGB: (221, 44, 0)
Vereinfachte Version der Palettenfarben
Schatten von mistyrose, Farbton von mistyrose, Schatten von lightsalmon, Schatten von coral, Farbton von coral, Schatten von orangered, Schatten von orangered, Farbton von orangered, Schatten von Rot, Schatten von firebrick, Farbton von lightsalmon, Farbton von coral, Farbton von orangered, Schatten von Rot
Farbschema wurde erstellt von MyPalettes
Farbcodes in der Palette
Material Design color palette 16 Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fbe9e7 | #fbe9e7 | RGB(251, 233, 231) | — | — |
| #ffccbc | #ffccbc | RGB(255, 204, 188) | — | — |
| #ffab91 | #ffab91 | RGB(255, 171, 145) | — | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | — | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | — | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | — | — |
| #f4511e | #f4511e | RGB(244, 81, 30) | — | — |
| #e64a19 | #e64a19 | RGB(230, 74, 25) | — | — |
| #d84315 | #d84315 | RGB(216, 67, 21) | — | — |
| #bf360c | #bf360c | RGB(191, 54, 12) | — | — |
| #ff9e80 | #ff9e80 | RGB(255, 158, 128) | — | — |
| #ff6e40 | #ff6e40 | RGB(255, 110, 64) | — | — |
| #ff3d00 | #ff3d00 | RGB(255, 61, 0) | — | — |
| #dd2c00 | #dd2c00 | RGB(221, 44, 0) | — | — |
Farbpalette Kontrast
64 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fbe9e7 | #ffccbc | 1.22 |
#fbe9e7 | #ffab91 | 1.55 |
#fbe9e7 | #ff8a65 | 1.97 |
#fbe9e7 | #ff9e80 | 1.71 |
#ffccbc | #ffab91 | 1.27 |
#ffccbc | #ff8a65 | 1.61 |
Bildpalette Material Design color palette 16 png
Palette exportieren
Laden Sie die "Material Design color palette 16" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: