Creato a 12/27/2017 19:56
1
Pink palette Materialize CSS
pink lighten-5
#fce4ec
pink lighten-4
#f8bbd0
pink lighten-3
#f48fb1
pink lighten-2
#f06292
pink lighten-1
#ec407a
pink
#e91e63
pink darken-1
#d81b60
pink darken-2
#c2185b
pink darken-3
#ad1457
pink darken-4
#880e4f
pink accent-1
#ff80ab
pink accent-2
#ff4081
pink accent-3
#f50057
pink accent-4
#c51162
La tavolozza è composta da Leggero, Buio colori. Colori accentati pink accent-1 #ff80ab e pink accent-2 #ff4081. La tavolozza ha la temperatura del colore Neutro, Caldo.
La tavolozza Pink palette Materialize CSS ha una combinazione di colori dei codici 14:
ESADECIMALE: #fce4ec, RGB: (252, 228, 236); ESADECIMALE: #f8bbd0, RGB: (248, 187, 208); ESADECIMALE: #f48fb1, RGB: (244, 143, 177)
ESADECIMALE: #f06292, RGB: (240, 98, 146); ESADECIMALE: #ec407a, RGB: (236, 64, 122); ESADECIMALE: #e91e63, RGB: (233, 30, 99)
ESADECIMALE: #d81b60, RGB: (216, 27, 96); ESADECIMALE: #c2185b, RGB: (194, 24, 91); ESADECIMALE: #ad1457, RGB: (173, 20, 87)
ESADECIMALE: #880e4f, RGB: (136, 14, 79); ESADECIMALE: #ff80ab, RGB: (255, 128, 171); ESADECIMALE: #ff4081, RGB: (255, 64, 129)
ESADECIMALE: #f50057, RGB: (245, 0, 87); ESADECIMALE: #c51162, RGB: (197, 17, 98)
Versione semplificata della tavolozza dei colori
Tonalità di lavenderblush, Tonalità di Rosa, Ombra di palevioletred, Tonalità di palevioletred, Ombra di deeppink, Ombra di crimson, Ombra di crimson, Tonalità di mediumvioletred, Tonalità di mediumvioletred, Ombra di Viola, Ombra di hotpink, Ombra di deeppink, Tonalità di crimson, Tonalità di mediumvioletred
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Pink palette Materialize CSS codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fce4ec | RGB(252, 228, 236) | pink lighten-5 | — | |
| #f8bbd0 | RGB(248, 187, 208) | pink lighten-4 | — | |
| #f48fb1 | RGB(244, 143, 177) | pink lighten-3 | — | |
| #f06292 | RGB(240, 98, 146) | pink lighten-2 | — | |
| #ec407a | RGB(236, 64, 122) | pink lighten-1 | — | |
| #e91e63 | RGB(233, 30, 99) | pink | — | |
| #d81b60 | RGB(216, 27, 96) | pink darken-1 | — | |
| #c2185b | RGB(194, 24, 91) | pink darken-2 | — | |
| #ad1457 | RGB(173, 20, 87) | pink darken-3 | — | |
| #880e4f | RGB(136, 14, 79) | pink darken-4 | — | |
| #ff80ab | RGB(255, 128, 171) | pink accent-1 | — | |
| #ff4081 | RGB(255, 64, 129) | pink accent-2 | — | |
| #f50057 | RGB(245, 0, 87) | pink accent-3 | — | |
| #c51162 | RGB(197, 17, 98) | pink accent-4 | — |
Contrasto della palette di colori
55 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 |
#fce4ec | #f8bbd0 | 1.34 |
#fce4ec | #f48fb1 | 1.85 |
#fce4ec | #ff80ab | 1.95 |
#f8bbd0 | #f48fb1 | 1.38 |
#f8bbd0 | #f06292 | 1.89 |
#f8bbd0 | #ff80ab | 1.45 |
