Creato a 07/13/2025 17:25
Next-Gen eCommerce UI Colors
- Cart Yellow#ffe156
- Checkout Charcoal#2c2c2c
- Offer Peach#ffc3a0
- UI Snow#fdfdfd
- Payment Navy#364f6b
- Promo Red#e63946
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Cart Yellow #ffe156 e Payment Navy #364f6b. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #2C2C2C (più scuro) a #FDFDFD (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al caldo (3 su 6).
Codici HEX (ordinati): #2C2C2C, #364F6B, #E63946, #FDFDFD, #FFC3A0, #FFE156
La tavolozza Next-Gen eCommerce UI Colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffe156, RGB: (255, 225, 86); ESADECIMALE: #2c2c2c, RGB: (44, 44, 44); ESADECIMALE: #ffc3a0, RGB: (255, 195, 160)
ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #364f6b, RGB: (54, 79, 107); ESADECIMALE: #e63946, RGB: (230, 57, 70)
Versione semplificata della tavolozza dei colori
Ombra di gold, Ombra di Nero, Tonalità di peachpuff, Tonalità di Bianco, Ombra di darkslateblue, Ombra di crimson
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Next-Gen eCommerce UI Colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ffe156 | #ffe156 | RGB(255, 225, 86) | Cart Yellow | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Checkout Charcoal | — |
| #ffc3a0 | #ffc3a0 | RGB(255, 195, 160) | Offer Peach | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | UI Snow | Brilliance |
| #364f6b | #364f6b | RGB(54, 79, 107) | Payment Navy | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Promo Red | — |
Contrasto della palette di colori
4 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 |
|---|---|---|
#ffe156 | #ffc3a0 | 1.19 |
#ffe156 | #fdfdfd | 1.27 |
#2c2c2c | #364f6b | 1.65 |
#ffc3a0 | #fdfdfd | 1.52 |
Tavolozza immagini Next-Gen eCommerce UI Colors png
Esporta tavolozza
Scarica la "Next-Gen eCommerce UI Colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: