Creato a 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
La tavolozza è composta da Leggero colori. Colori accentati yellow lighten-5 #fffde7 e yellow lighten-4 #fff9c4. La tavolozza ha la temperatura del colore Neutro, Caldo.
La tavolozza Yellow palette Materialize CSS ha una combinazione di colori dei codici 14:
ESADECIMALE: #fffde7, RGB: (255, 253, 231); ESADECIMALE: #fff9c4, RGB: (255, 249, 196); ESADECIMALE: #fff59d, RGB: (255, 245, 157)
ESADECIMALE: #fff176, RGB: (255, 241, 118); ESADECIMALE: #ffee58, RGB: (255, 238, 88); ESADECIMALE: #ffeb3b, RGB: (255, 235, 59)
ESADECIMALE: #fdd835, RGB: (253, 216, 53); ESADECIMALE: #fbc02d, RGB: (251, 192, 45); ESADECIMALE: #f9a825, RGB: (249, 168, 37)
ESADECIMALE: #f57f17, RGB: (245, 127, 23); ESADECIMALE: #ffff8d, RGB: (255, 255, 141); ESADECIMALE: #ffff00, RGB: (255, 255, 0)
ESADECIMALE: #ffea00, RGB: (255, 234, 0); ESADECIMALE: #ffd600, RGB: (255, 214, 0)
Versione semplificata della tavolozza dei colori
Ombra di beige, Tonalità di lemonchiffon, Ombra di Cachi, Ombra di Cachi, Ombra di Giallo, Tonalità di Giallo, Ombra di gold, Ombra di goldenrod, Ombra di Arancia, Tonalità di darkorange, Ombra di Cachi, Giallo, Ombra di gold, Tonalità di gold
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Yellow palette Materialize CSS codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #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 | — |
Contrasto della palette di colori
82 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#fffde7 | #fff9c4 | 1.04 |
#fffde7 | #fff59d | 1.08 |
#fffde7 | #fff176 | 1.13 |
#fffde7 | #ffee58 | 1.16 |
#fffde7 | #ffeb3b | 1.18 |
#fffde7 | #fdd835 | 1.35 |
