Creato a 01/16/2024 08:45
Material Design Color Palette (05)
indigo lighten-5
#e8eaf6
indigo lighten-4
#c5cae9
indigo lighten-3
#9fa8da
indigo lighten-2
#7986cb
indigo lighten-1
#5c6bc0
indigo
#3f51b5
indigo darken-1
#3949ab
indigo darken-2
#303f9f
indigo darken-3
#283593
indigo darken-4
#1a237e
indigo accent-1
#8c9eff
indigo accent-2
#536dfe
indigo accent-3
#3d5afe
indigo accent-4
#304ffe
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati indigo accent-1 #8c9eff e indigo accent-4 #304ffe. La tavolozza ha la temperatura del colore Neutro, Freddo.
La tavolozza Material Design Color Palette (05) ha una combinazione di colori dei codici 14:
ESADECIMALE: #e8eaf6, RGB: (232, 234, 246); ESADECIMALE: #c5cae9, RGB: (197, 202, 233); ESADECIMALE: #9fa8da, RGB: (159, 168, 218)
ESADECIMALE: #7986cb, RGB: (121, 134, 203); ESADECIMALE: #5c6bc0, RGB: (92, 107, 192); ESADECIMALE: #3f51b5, RGB: (63, 81, 181)
ESADECIMALE: #3949ab, RGB: (57, 73, 171); ESADECIMALE: #303f9f, RGB: (48, 63, 159); ESADECIMALE: #283593, RGB: (40, 53, 147)
ESADECIMALE: #1a237e, RGB: (26, 35, 126); ESADECIMALE: #8c9eff, RGB: (140, 158, 255); ESADECIMALE: #536dfe, RGB: (83, 109, 254)
ESADECIMALE: #3d5afe, RGB: (61, 90, 254); ESADECIMALE: #304ffe, RGB: (48, 79, 254)
Versione semplificata della tavolozza dei colori
Ombra di lavender, Ombra di lightsteelblue, Tonalità di lightsteelblue, Tonalità di cornflowerblue, Ombra di royalblue, Tonalità di slateblue, Ombra di darkslateblue, Tonalità di darkslateblue, Tonalità di darkslateblue, Ombra di midnightblue, Ombra di cornflowerblue, Ombra di royalblue, Tonalità di royalblue, Tonalità di slateblue
La combinazione di colori è stata creata da MyPalettes
Codici colori nella tavolozza
Material Design Color Palette (05) codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #e8eaf6 | RGB(232, 234, 246) | indigo lighten-5 | — | |
| #c5cae9 | RGB(197, 202, 233) | indigo lighten-4 | — | |
| #9fa8da | RGB(159, 168, 218) | indigo lighten-3 | — | |
| #7986cb | RGB(121, 134, 203) | indigo lighten-2 | — | |
| #5c6bc0 | RGB(92, 107, 192) | indigo lighten-1 | — | |
| #3f51b5 | RGB(63, 81, 181) | indigo | — | |
| #3949ab | RGB(57, 73, 171) | indigo darken-1 | — | |
| #303f9f | RGB(48, 63, 159) | indigo darken-2 | — | |
| #283593 | RGB(40, 53, 147) | indigo darken-3 | — | |
| #1a237e | RGB(26, 35, 126) | indigo darken-4 | — | |
| #8c9eff | RGB(140, 158, 255) | indigo accent-1 | — | |
| #536dfe | RGB(83, 109, 254) | indigo accent-2 | — | |
| #3d5afe | RGB(61, 90, 254) | indigo accent-3 | — | |
| #304ffe | RGB(48, 79, 254) | indigo accent-4 | — |
Contrasto della palette di colori
43 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 |
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |
