Hergestellt in 12/27/2017 21:07
1
Yellow palette Materialize CSS
yellow lighten-5
#fffde7
yellow lighten-4
#fff9c4
yellow lighten-3
#fff59d
yellow lighten-2
#fff176
yellow lighten-1
#ffee58
yellow
#ffeb3b
yellow darken-1
#fdd835
yellow darken-2
#fbc02d
yellow darken-3
#f9a825
yellow darken-4
#f57f17
yellow accent-1
#ffff8d
yellow accent-2
#ffff00
yellow accent-3
#ffea00
yellow accent-4
#ffd600
Die Palette besteht aus Licht-Farben. Akzentfarben yellow lighten-5 #fffde7 und yellow lighten-4 #fff9c4. Palette hat Farbtemperatur Neutral, Warm.
Die Palette Yellow palette Materialize CSS enthält eine Kombination aus 14-Codefarben:
VERHEXEN: #fffde7, RGB: (255, 253, 231); VERHEXEN: #fff9c4, RGB: (255, 249, 196); VERHEXEN: #fff59d, RGB: (255, 245, 157)
VERHEXEN: #fff176, RGB: (255, 241, 118); VERHEXEN: #ffee58, RGB: (255, 238, 88); VERHEXEN: #ffeb3b, RGB: (255, 235, 59)
VERHEXEN: #fdd835, RGB: (253, 216, 53); VERHEXEN: #fbc02d, RGB: (251, 192, 45); VERHEXEN: #f9a825, RGB: (249, 168, 37)
VERHEXEN: #f57f17, RGB: (245, 127, 23); VERHEXEN: #ffff8d, RGB: (255, 255, 141); VERHEXEN: #ffff00, RGB: (255, 255, 0)
VERHEXEN: #ffea00, RGB: (255, 234, 0); VERHEXEN: #ffd600, RGB: (255, 214, 0)
Vereinfachte Version der Palettenfarben
Schatten von beige, Farbton von lemonchiffon, Schatten von Khaki, Schatten von Khaki, Schatten von Gelb, Farbton von Gelb, Schatten von gold, Schatten von goldenrod, Schatten von Orange, Farbton von darkorange, Schatten von Khaki, Gelb, Schatten von gold, Farbton von gold
Farbschema wurde erstellt von mz
Farbcodes in der Palette
Yellow palette Materialize CSS Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fffde7 | RGB(255, 253, 231) | yellow lighten-5 | — | |
| #fff9c4 | RGB(255, 249, 196) | yellow lighten-4 | — | |
| #fff59d | RGB(255, 245, 157) | yellow lighten-3 | — | |
| #fff176 | RGB(255, 241, 118) | yellow lighten-2 | — | |
| #ffee58 | RGB(255, 238, 88) | yellow lighten-1 | — | |
| #ffeb3b | RGB(255, 235, 59) | yellow | — | |
| #fdd835 | RGB(253, 216, 53) | yellow darken-1 | — | |
| #fbc02d | RGB(251, 192, 45) | yellow darken-2 | — | |
| #f9a825 | RGB(249, 168, 37) | yellow darken-3 | — | |
| #f57f17 | RGB(245, 127, 23) | yellow darken-4 | — | |
| #ffff8d | RGB(255, 255, 141) | yellow accent-1 | — | |
| #ffff00 | RGB(255, 255, 0) | yellow accent-2 | Yellow | |
| #ffea00 | RGB(255, 234, 0) | yellow accent-3 | — | |
| #ffd600 | RGB(255, 214, 0) | yellow accent-4 | — |
Farbpalette Kontrast
82 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fffde7 | #fff9c4 | 1.04 |
#fffde7 | #fff59d | 1.08 |
#fffde7 | #fff176 | 1.13 |
#fffde7 | #ffee58 | 1.16 |
#fffde7 | #ffeb3b | 1.18 |
#fffde7 | #fdd835 | 1.35 |
