Loading...
Creato a 01/14/2022 08:14
  0.14k

Shop app ecommerce ui design colors

  • #ccac90
  • #f4ecc4
  • #040c0c
  • #a0876b
  • #d6bfa7
  • #50382c
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #f4ecc4 e #040c0c. La tavolozza ha la temperatura del colore Caldo, Neutro.

Per luminosità, la tavolozza va da #040C0C (più scuro) a #F4ECC4 (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): #040C0C, #50382C, #A0876B, #CCAC90, #D6BFA7, #F4ECC4

La tavolozza Shop app ecommerce ui design colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #ccac90, RGB: (204, 172, 144); ESADECIMALE: #f4ecc4, RGB: (244, 236, 196); ESADECIMALE: #040c0c, RGB: (4, 12, 12)
ESADECIMALE: #a0876b, RGB: (160, 135, 107); ESADECIMALE: #d6bfa7, RGB: (214, 191, 167); ESADECIMALE: #50382c, RGB: (80, 56, 44)
Versione semplificata della tavolozza dei colori
Tonalità di tan, Tonalità di lemonchiffon, Ombra di Nero, Tonalità di peru, Ombra di tan, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Shop app ecommerce ui design colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ccac90 #ccac90 RGB(204, 172, 144)
#f4ecc4 #f4ecc4 RGB(244, 236, 196)
#040c0c #040c0c RGB(4, 12, 12)
#a0876b #a0876b RGB(160, 135, 107)
#d6bfa7 #d6bfa7 RGB(214, 191, 167)
#50382c #50382c RGB(80, 56, 44)

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
#ccac90
#f4ecc4
1.78
#ccac90
#a0876b
1.59
#ccac90
#d6bfa7
1.2
#f4ecc4
#d6bfa7
1.48
#040c0c
#50382c
1.82
#a0876b
#d6bfa7
1.92

Tavolozza immagini Shop app ecommerce ui design colors png

Loading...
Loading...
Loading...