Creato a 01/16/2024 08:47
Material Design Color Palette (07)
light-blue lighten-5
#e1f5fe
light-blue lighten-4
#b3e5fc
light-blue lighten-3
#81d4fa
light-blue lighten-2
#4fc3f7
light-blue lighten-1
#29b6f6
light-blue
#03a9f4
light-blue darken-1
#039be5
light-blue darken-2
#0288d1
light-blue darken-3
#0277bd
light-blue darken-4
#01579b
light-blue accent-1
#80d8ff
light-blue accent-2
#40c4ff
light-blue accent-3
#00b0ff
light-blue accent-4
#0091ea
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati light-blue accent-1 #80d8ff e light-blue accent-2 #40c4ff. La tavolozza ha la temperatura del colore Neutro, Freddo.
La tavolozza Material Design Color Palette (07) ha una combinazione di colori dei codici 14:
ESADECIMALE: #e1f5fe, RGB: (225, 245, 254); ESADECIMALE: #b3e5fc, RGB: (179, 229, 252); ESADECIMALE: #81d4fa, RGB: (129, 212, 250)
ESADECIMALE: #4fc3f7, RGB: (79, 195, 247); ESADECIMALE: #29b6f6, RGB: (41, 182, 246); ESADECIMALE: #03a9f4, RGB: (3, 169, 244)
ESADECIMALE: #039be5, RGB: (3, 155, 229); ESADECIMALE: #0288d1, RGB: (2, 136, 209); ESADECIMALE: #0277bd, RGB: (2, 119, 189)
ESADECIMALE: #01579b, RGB: (1, 87, 155); ESADECIMALE: #80d8ff, RGB: (128, 216, 255); ESADECIMALE: #40c4ff, RGB: (64, 196, 255)
ESADECIMALE: #00b0ff, RGB: (0, 176, 255); ESADECIMALE: #0091ea, RGB: (0, 145, 234)
Versione semplificata della tavolozza dei colori
Tonalità di azure, Ombra di lightblue, Ombra di skyblue, Ombra di deepskyblue, Ombra di deepskyblue, Tonalità di deepskyblue, Tonalità di dodgerblue, Tonalità di steelblue, Tonalità di steelblue, Tonalità di royalblue, Ombra di skyblue, Ombra di deepskyblue, Tonalità di deepskyblue, Tonalità di dodgerblue
La combinazione di colori è stata creata da MyPalettes
Codici colori nella tavolozza
Material Design Color Palette (07) codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #e1f5fe | RGB(225, 245, 254) | light-blue lighten-5 | — | |
| #b3e5fc | RGB(179, 229, 252) | light-blue lighten-4 | — | |
| #81d4fa | RGB(129, 212, 250) | light-blue lighten-3 | — | |
| #4fc3f7 | RGB(79, 195, 247) | light-blue lighten-2 | — | |
| #29b6f6 | RGB(41, 182, 246) | light-blue lighten-1 | — | |
| #03a9f4 | RGB(3, 169, 244) | light-blue | — | |
| #039be5 | RGB(3, 155, 229) | light-blue darken-1 | — | |
| #0288d1 | RGB(2, 136, 209) | light-blue darken-2 | — | |
| #0277bd | RGB(2, 119, 189) | light-blue darken-3 | — | |
| #01579b | RGB(1, 87, 155) | light-blue darken-4 | — | |
| #80d8ff | RGB(128, 216, 255) | light-blue accent-1 | — | |
| #40c4ff | RGB(64, 196, 255) | light-blue accent-2 | — | |
| #00b0ff | RGB(0, 176, 255) | light-blue accent-3 | — | |
| #0091ea | RGB(0, 145, 234) | light-blue accent-4 | — |
Contrasto della palette di colori
60 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 |
#e1f5fe | #b3e5fc | 1.2 |
#e1f5fe | #81d4fa | 1.46 |
#e1f5fe | #4fc3f7 | 1.78 |
#e1f5fe | #80d8ff | 1.41 |
#e1f5fe | #40c4ff | 1.77 |
#b3e5fc | #81d4fa | 1.21 |
