Creato a 12/27/2017 12:56
Blue palette Materialize CSS
- 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.
Per luminosità, la tavolozza va da #0D47A1 (più scuro) a #E3F2FD (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #0D47A1, #1565C0, #1976D2, #1E88E5, #2196F3, #2962FF, #2979FF, #42A5F5, #448AFF, #64B5F6, #82B1FF, #90CAF9, #BBDEFB, #E3F2FD
La tavolozza Blue palette Materialize CSS 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 mz
Altre tavolozze con:
Codici colori nella tavolozza
Blue palette Materialize CSS codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #e3f2fd | #e3f2fd | RGB(227, 242, 253) | blue lighten-5 | — |
| #bbdefb | #bbdefb | RGB(187, 222, 251) | blue lighten-4 | — |
| #90caf9 | #90caf9 | RGB(144, 202, 249) | blue lighten-3 | — |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | blue lighten-2 | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | blue lighten-1 | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | blue | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | blue darken-1 | — |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | blue darken-2 | — |
| #1565c0 | #1565c0 | RGB(21, 101, 192) | blue darken-3 | — |
| #0d47a1 | #0d47a1 | RGB(13, 71, 161) | blue darken-4 | — |
| #82b1ff | #82b1ff | RGB(130, 177, 255) | blue accent-1 | — |
| #448aff | #448aff | RGB(68, 138, 255) | blue accent-2 | — |
| #2979ff | #2979ff | RGB(41, 121, 255) | blue accent-3 | — |
| #2962ff | #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 |
Tavolozza immagini Blue palette Materialize CSS png
Esporta tavolozza
Scarica la "Blue palette Materialize CSS" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: