Creato a 06/10/2021 15:18
  0.29k

Cadesign shopping app ui colors

  • #ea4c22
  • #e0a08a
  • #1c448e
  • #5776aa
  • #a8a8cc
  • #5c3436
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #ea4c22 e #1c448e. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #5C3436 (più scuro) a #A8A8CC (più chiaro). L’intervallo di luminosità è moderato.

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): #1C448E, #5776AA, #5C3436, #A8A8CC, #E0A08A, #EA4C22

La tavolozza Cadesign shopping app ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #ea4c22, RGB: (234, 76, 34); ESADECIMALE: #e0a08a, RGB: (224, 160, 138); ESADECIMALE: #1c448e, RGB: (28, 68, 142)
ESADECIMALE: #5776aa, RGB: (87, 118, 170); ESADECIMALE: #a8a8cc, RGB: (168, 168, 204); ESADECIMALE: #5c3436, RGB: (92, 52, 54)
Versione semplificata della tavolozza dei colori
Ombra di orangered, Ombra di darksalmon, Tonalità di darkslateblue, Tonalità di steelblue, Tonalità di lightsteelblue, Ombra di Marrone
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Cadesign shopping app ui colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ea4c22 #ea4c22 RGB(234, 76, 34)
#e0a08a #e0a08a RGB(224, 160, 138)
#1c448e #1c448e RGB(28, 68, 142)
#5776aa #5776aa RGB(87, 118, 170)
#a8a8cc #a8a8cc RGB(168, 168, 204)
#5c3436 #5c3436 RGB(92, 52, 54)

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
#ea4c22
#e0a08a
1.72
#ea4c22
#5776aa
1.21
#ea4c22
#a8a8cc
1.64
#e0a08a
#a8a8cc
1.04
#1c448e
#5c3436
1.13
#5776aa
#a8a8cc
1.99

Tavolozza immagini Cadesign shopping app ui colors png

Loading...
Loading...