Creato a 03/29/2024 13:24
Material Design Lite (MDL) CSS Framework colors
red
#f44336
pink
#e91e63
purple
#9c27b0
deep-purple
#673ab7
indigo
#3f51b5
blue
#2196f3
light-blue
#03a9f4
cyan
#00bcd4
teal
#009688
green
#4caf50
light-green
#8bc34a
lime
#cddc39
yellow
#ffeb3b
amber
#ffc107
orange
#ff9800
deep-orange
#ff5722
brown
#795548
grey
#9e9e9e
blue-grey
#607d8b
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati cyan #00bcd4 e yellow #ffeb3b. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
La tavolozza Material Design Lite (MDL) CSS Framework colors ha una combinazione di colori dei codici 19:
ESADECIMALE: #f44336, RGB: (244, 67, 54); ESADECIMALE: #e91e63, RGB: (233, 30, 99); ESADECIMALE: #9c27b0, RGB: (156, 39, 176)
ESADECIMALE: #673ab7, RGB: (103, 58, 183); ESADECIMALE: #3f51b5, RGB: (63, 81, 181); ESADECIMALE: #2196f3, RGB: (33, 150, 243)
ESADECIMALE: #03a9f4, RGB: (3, 169, 244); ESADECIMALE: #00bcd4, RGB: (0, 188, 212); ESADECIMALE: #009688, RGB: (0, 150, 136)
ESADECIMALE: #4caf50, RGB: (76, 175, 80); ESADECIMALE: #8bc34a, RGB: (139, 195, 74); ESADECIMALE: #cddc39, RGB: (205, 220, 57)
ESADECIMALE: #ffeb3b, RGB: (255, 235, 59); ESADECIMALE: #ffc107, RGB: (255, 193, 7); ESADECIMALE: #ff9800, RGB: (255, 152, 0)
ESADECIMALE: #ff5722, RGB: (255, 87, 34); ESADECIMALE: #795548, RGB: (121, 85, 72); ESADECIMALE: #9e9e9e, RGB: (158, 158, 158)
ESADECIMALE: #607d8b, RGB: (96, 125, 139)
Versione semplificata della tavolozza dei colori
Tonalità di tomato, Ombra di crimson, Tonalità di darkorchid, Tonalità di blueviolet, Tonalità di slateblue, Ombra di dodgerblue, Tonalità di deepskyblue, Tonalità di darkturquoise, Ombra di darkcyan, Tonalità di mediumseagreen, Tonalità di Giallo verde, Ombra di Giallo verde, Tonalità di Giallo, Tonalità di gold, Ombra di darkorange, Ombra di orangered, Tonalità di sienna, Tonalità di darkgrey, Tonalità di slategrey
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Material Design Lite (MDL) CSS Framework colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f44336 | RGB(244, 67, 54) | red | — | |
| #e91e63 | RGB(233, 30, 99) | pink | — | |
| #9c27b0 | RGB(156, 39, 176) | purple | — | |
| #673ab7 | RGB(103, 58, 183) | deep-purple | — | |
| #3f51b5 | RGB(63, 81, 181) | indigo | — | |
| #2196f3 | RGB(33, 150, 243) | blue | — | |
| #03a9f4 | RGB(3, 169, 244) | light-blue | — | |
| #00bcd4 | RGB(0, 188, 212) | cyan | — | |
| #009688 | RGB(0, 150, 136) | teal | — | |
| #4caf50 | RGB(76, 175, 80) | green | — | |
| #8bc34a | RGB(139, 195, 74) | light-green | — | |
| #cddc39 | RGB(205, 220, 57) | lime | — | |
| #ffeb3b | RGB(255, 235, 59) | yellow | — | |
| #ffc107 | RGB(255, 193, 7) | amber | — | |
| #ff9800 | RGB(255, 152, 0) | orange | — | |
| #ff5722 | RGB(255, 87, 34) | deep-orange | — | |
| #795548 | RGB(121, 85, 72) | brown | — | |
| #9e9e9e | RGB(158, 158, 158) | grey | Gray62 | |
| #607d8b | RGB(96, 125, 139) | blue-grey | — |
Contrasto della palette di colori
105 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 |
#f44336 | #e91e63 | 1.18 |
#f44336 | #9c27b0 | 1.71 |
#f44336 | #673ab7 | 1.98 |
#f44336 | #3f51b5 | 1.86 |
#f44336 | #2196f3 | 1.17 |
#f44336 | #03a9f4 | 1.4 |
