Creato a 02/10/2021 09:39
1
Material Design Color Palette (16 colors) (White)
Red
#f44336
Pink
#e81e63
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
#ffffff
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 Color Palette (16 colors) (White) ha una combinazione di colori dei codici 17:
ESADECIMALE: #f44336, RGB: (244, 67, 54); ESADECIMALE: #e81e63, RGB: (232, 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: #ffffff, RGB: (255, 255, 255)
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, Bianco
La combinazione di colori è stata creata da MyPalettes
Codici colori nella tavolozza
Material Design Color Palette (16 colors) (White) codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f44336 | RGB(244, 67, 54) | Red | — | |
| #e81e63 | RGB(232, 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 | — | |
| #ffffff | RGB(255, 255, 255) | — | White |
Contrasto della palette di colori
77 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 | #e81e63 | 1.18 |
#f44336 | #9c27b0 | 1.71 |
#f44336 | #673ab7 | 1.98 |
#f44336 | #3f51b5 | 1.86 |
#f44336 | #2196f3 | 1.17 |
#f44336 | #03a9f4 | 1.4 |
