Creato a 08/11/2025 08:45
  6

Responsive E-Commerce Panel

  • Product Blue
    #1e88e5
  • Sale Red
    #e63946
  • Discount Yellow
    #ffd166
  • Cart Mint
    #66cdaa
  • Stock Gray
    #9e9e9e
  • Background White
    #ffffff
  • Footer Black
    #1a1a1a
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Product Blue #1e88e5 e Discount Yellow #ffd166. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #1A1A1A (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #1A1A1A, #1E88E5, #66CDAA, #9E9E9E, #E63946, #FFD166, #FFFFFF

La tavolozza Responsive E-Commerce Panel ha una combinazione di colori dei codici 7:
ESADECIMALE: #1e88e5, RGB: (30, 136, 229); ESADECIMALE: #e63946, RGB: (230, 57, 70); ESADECIMALE: #ffd166, RGB: (255, 209, 102)
ESADECIMALE: #66cdaa, RGB: (102, 205, 170); ESADECIMALE: #9e9e9e, RGB: (158, 158, 158); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
ESADECIMALE: #1a1a1a, RGB: (26, 26, 26)
Versione semplificata della tavolozza dei colori
Tonalità di dodgerblue, Ombra di crimson, Ombra di gold, mediumaquamarine, Tonalità di darkgrey, Bianco, Ombra di Nero
La combinazione di colori è stata creata da colorday

Codici colori nella tavolozza

Responsive E-Commerce Panel codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#1e88e5 #1e88e5 RGB(30, 136, 229)Product Blue
#e63946 #e63946 RGB(230, 57, 70)Sale Red
#ffd166 #ffd166 RGB(255, 209, 102)Discount Yellow
#66cdaa #66cdaa RGB(102, 205, 170)Cart MintAquarium Blue
#9e9e9e #9e9e9e RGB(158, 158, 158)Stock GrayGray62
#ffffff #ffffff RGB(255, 255, 255)Background WhiteWhite
#1a1a1a #1a1a1a RGB(26, 26, 26)Footer BlackGray10

Contrasto della palette di colori

9 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
#1e88e5
#e63946
1.13
#1e88e5
#66cdaa
1.9
#1e88e5
#9e9e9e
1.37
#e63946
#9e9e9e
1.55
#ffd166
#66cdaa
1.33
#ffd166
#9e9e9e
1.85

Tavolozza immagini Responsive E-Commerce Panel png