Creato a 10/16/2024 10:49
Material Design color palette
Bái Sè White
#eceff1
Hinting Blue
#cfd8dc
Ocean Drive
#b0bec5
Galleria Blue
#90a4ae
Sheltered Bay
#78909c
lightskyblue4
#607d8b
Blue Sentinel
#546e7a
Midnight in the Tropics
#455a64
Azul Petróleo
#37474f
Chimney Sweep
#263238
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Blue Sentinel #546e7a e Chimney Sweep #263238. La tavolozza ha la temperatura del colore Neutro, Freddo.
La tavolozza Material Design color palette ha una combinazione di colori dei codici 10:
ESADECIMALE: #eceff1, RGB: (236, 239, 241); ESADECIMALE: #cfd8dc, RGB: (207, 216, 220); ESADECIMALE: #b0bec5, RGB: (176, 190, 197)
ESADECIMALE: #90a4ae, RGB: (144, 164, 174); ESADECIMALE: #78909c, RGB: (120, 144, 156); ESADECIMALE: #607d8b, RGB: (96, 125, 139)
ESADECIMALE: #546e7a, RGB: (84, 110, 122); ESADECIMALE: #455a64, RGB: (69, 90, 100); ESADECIMALE: #37474f, RGB: (55, 71, 79)
ESADECIMALE: #263238, RGB: (38, 50, 56)
Versione semplificata della tavolozza dei colori
Tonalità di whitesmoke, Ombra di lightgrey, Tonalità di Argento, Tonalità di darkgrey, Ombra di lightslategrey, Tonalità di slategrey, Tonalità di slategrey, Ombra di darkslategrey, Tonalità di darkslategrey, Tonalità di darkslategrey
La combinazione di colori è stata creata da MyPalettes
Codici colori nella tavolozza
Material Design color palette codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#eceff1 | RGB(236, 239, 241) | Bái Sè White | — | |
#cfd8dc | RGB(207, 216, 220) | Hinting Blue | — | |
#b0bec5 | RGB(176, 190, 197) | Ocean Drive | — | |
#90a4ae | RGB(144, 164, 174) | Galleria Blue | — | |
#78909c | RGB(120, 144, 156) | Sheltered Bay | — | |
#607d8b | RGB(96, 125, 139) | lightskyblue4 | — | |
#546e7a | RGB(84, 110, 122) | Blue Sentinel | — | |
#455a64 | RGB(69, 90, 100) | Midnight in the Tropics | — | |
#37474f | RGB(55, 71, 79) | Azul Petróleo | — | |
#263238 | RGB(38, 50, 56) | Chimney Sweep | — |
Contrasto della palette di colori
17 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 |
#eceff1 | #cfd8dc | 1.25 |
#eceff1 | #b0bec5 | 1.65 |
#cfd8dc | #b0bec5 | 1.31 |
#cfd8dc | #90a4ae | 1.78 |
#b0bec5 | #90a4ae | 1.35 |
#b0bec5 | #78909c | 1.75 |