Creato a 09/18/2022 11:04
Web design ui material product
- Cornflower Blue#6ea1f4
- Bright Lilac#cc7ef1
- Chinese Blue#445490
- Dark Blue-Gray#5e5e9f
- Silver Pink#c4a7ab
- Metallic Blue#3c447c
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Cornflower Blue #6ea1f4 e Silver Pink #c4a7ab. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #3C447C (più scuro) a #CC7EF1 (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #3C447C, #445490, #5E5E9F, #6EA1F4, #C4A7AB, #CC7EF1
La tavolozza Web design ui material product ha una combinazione di colori dei codici 6:
ESADECIMALE: #6ea1f4, RGB: (110, 161, 244); ESADECIMALE: #cc7ef1, RGB: (204, 126, 241); ESADECIMALE: #445490, RGB: (68, 84, 144)
ESADECIMALE: #5e5e9f, RGB: (94, 94, 159); ESADECIMALE: #c4a7ab, RGB: (196, 167, 171); ESADECIMALE: #3c447c, RGB: (60, 68, 124)
Versione semplificata della tavolozza dei colori
Ombra di cornflowerblue, Ombra di orchid, Ombra di darkslateblue, Tonalità di slateblue, Ombra di rosybrown, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Web design ui material product codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #6ea1f4 | #6ea1f4 | RGB(110, 161, 244) | Cornflower Blue | — |
| #cc7ef1 | #cc7ef1 | RGB(204, 126, 241) | Bright Lilac | — |
| #445490 | #445490 | RGB(68, 84, 144) | Chinese Blue | — |
| #5e5e9f | #5e5e9f | RGB(94, 94, 159) | Dark Blue-Gray | — |
| #c4a7ab | #c4a7ab | RGB(196, 167, 171) | Silver Pink | — |
| #3c447c | #3c447c | RGB(60, 68, 124) | Metallic Blue | — |
Contrasto della palette di colori
6 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 |
#6ea1f4 | #cc7ef1 | 1.03 |
#6ea1f4 | #c4a7ab | 1.17 |
#cc7ef1 | #c4a7ab | 1.2 |
#445490 | #5e5e9f | 1.22 |
#445490 | #3c447c | 1.26 |
#5e5e9f | #3c447c | 1.54 |
Tavolozza immagini Web design ui material product png
Esporta tavolozza
Scarica la "Web design ui material product" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: