Creato a 04/29/2021 16:07
Material Design Color Palette (nº6)
blue lighten-5
#e3f2fd
blue lighten-4
#bbdefb
blue lighten-3
#90caf9
blue lighten-2
#64b5f6
blue lighten-1
#42a5f5
blue
#2196f3
blue darken-1
#1e88e5
blue darken-2
#1976d2
blue darken-3
#1565c0
blue darken-4
#0d47a1
blue accent-1
#82b1ff
blue accent-2
#448aff
blue accent-3
#2979ff
blue accent-4
#2962ff
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati blue accent-1 #82b1ff e blue accent-2 #448aff. La tavolozza ha la temperatura del colore Neutro, Freddo.
La tavolozza Material Design Color Palette (nº6) ha una combinazione di colori dei codici 14:
ESADECIMALE: #e3f2fd, RGB: (227, 242, 253); ESADECIMALE: #bbdefb, RGB: (187, 222, 251); ESADECIMALE: #90caf9, RGB: (144, 202, 249)
ESADECIMALE: #64b5f6, RGB: (100, 181, 246); ESADECIMALE: #42a5f5, RGB: (66, 165, 245); ESADECIMALE: #2196f3, RGB: (33, 150, 243)
ESADECIMALE: #1e88e5, RGB: (30, 136, 229); ESADECIMALE: #1976d2, RGB: (25, 118, 210); ESADECIMALE: #1565c0, RGB: (21, 101, 192)
ESADECIMALE: #0d47a1, RGB: (13, 71, 161); ESADECIMALE: #82b1ff, RGB: (130, 177, 255); ESADECIMALE: #448aff, RGB: (68, 138, 255)
ESADECIMALE: #2979ff, RGB: (41, 121, 255); ESADECIMALE: #2962ff, RGB: (41, 98, 255)
Versione semplificata della tavolozza dei colori
Tonalità di aliceblue, Ombra di lightsteelblue, Ombra di lightskyblue, Ombra di deepskyblue, Ombra di dodgerblue, Ombra di dodgerblue, Tonalità di dodgerblue, Tonalità di steelblue, Tonalità di royalblue, Tonalità di darkslateblue, Ombra di cornflowerblue, Ombra di dodgerblue, Ombra di royalblue, Tonalità di royalblue
La combinazione di colori è stata creata da MyPalettes
Codici colori nella tavolozza
Material Design Color Palette (nº6) codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#e3f2fd | RGB(227, 242, 253) | blue lighten-5 | — | |
#bbdefb | RGB(187, 222, 251) | blue lighten-4 | — | |
#90caf9 | RGB(144, 202, 249) | blue lighten-3 | — | |
#64b5f6 | RGB(100, 181, 246) | blue lighten-2 | — | |
#42a5f5 | RGB(66, 165, 245) | blue lighten-1 | — | |
#2196f3 | RGB(33, 150, 243) | blue | — | |
#1e88e5 | RGB(30, 136, 229) | blue darken-1 | — | |
#1976d2 | RGB(25, 118, 210) | blue darken-2 | — | |
#1565c0 | RGB(21, 101, 192) | blue darken-3 | — | |
#0d47a1 | RGB(13, 71, 161) | blue darken-4 | — | |
#82b1ff | RGB(130, 177, 255) | blue accent-1 | — | |
#448aff | RGB(68, 138, 255) | blue accent-2 | — | |
#2979ff | RGB(41, 121, 255) | blue accent-3 | — | |
#2962ff | RGB(41, 98, 255) | blue accent-4 | — |
Contrasto della palette di colori
54 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 |
#e3f2fd | #bbdefb | 1.22 |
#e3f2fd | #90caf9 | 1.53 |
#e3f2fd | #64b5f6 | 1.93 |
#e3f2fd | #82b1ff | 1.89 |
#bbdefb | #90caf9 | 1.24 |
#bbdefb | #64b5f6 | 1.57 |