Creato a 04/08/2022 13:45
Store product page ui
- Cinnabar#d44c31
- Mandarin#f47450
- Smokey Topaz#7c2414
- Old Silver#848484
- Silver Pink#c8b8b2
- Bistre#34241c
La tavolozza è composta da Leggero, Buio colori. Colori accentati Mandarin #f47450 e Smokey Topaz #7c2414. La tavolozza ha la temperatura del colore Caldo, Neutro.
Per luminosità, la tavolozza va da #34241C (più scuro) a #C8B8B2 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #34241C, #7C2414, #848484, #C8B8B2, #D44C31, #F47450
La tavolozza Store product page ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #d44c31, RGB: (212, 76, 49); ESADECIMALE: #f47450, RGB: (244, 116, 80); ESADECIMALE: #7c2414, RGB: (124, 36, 20)
ESADECIMALE: #848484, RGB: (132, 132, 132); ESADECIMALE: #c8b8b2, RGB: (200, 184, 178); ESADECIMALE: #34241c, RGB: (52, 36, 28)
Versione semplificata della tavolozza dei colori
Ombra di Rosso, Tonalità di coral, Ombra di Marrone, Ombra di Grigio, Tonalità di Argento, Ombra di Nero
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Store product page ui codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d44c31 | #d44c31 | RGB(212, 76, 49) | Cinnabar | — |
| #f47450 | #f47450 | RGB(244, 116, 80) | Mandarin | — |
| #7c2414 | #7c2414 | RGB(124, 36, 20) | Smokey Topaz | — |
| #848484 | #848484 | RGB(132, 132, 132) | Old Silver | — |
| #c8b8b2 | #c8b8b2 | RGB(200, 184, 178) | Silver Pink | — |
| #34241c | #34241c | RGB(52, 36, 28) | Bistre | — |
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 |
#d44c31 | #f47450 | 1.52 |
#d44c31 | #848484 | 1.15 |
#f47450 | #848484 | 1.32 |
#f47450 | #c8b8b2 | 1.46 |
#7c2414 | #34241c | 1.49 |
#848484 | #c8b8b2 | 1.95 |
Tavolozza immagini Store product page ui png
Esporta tavolozza
Scarica la "Store product page ui" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: