Loading...
Creato a 09/13/2021 17:10
  0.16k

Ui app progress step by palette

  • #6c74d4
  • #94ecbc
  • #1e2366
  • #ae9264
  • #9c94c8
  • #4c3445
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #94ecbc e #4c3445. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #4C3445 (più scuro) a #94ECBC (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).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #1E2366, #4C3445, #6C74D4, #94ECBC, #9C94C8, #AE9264

La tavolozza Ui app progress step by palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #6c74d4, RGB: (108, 116, 212); ESADECIMALE: #94ecbc, RGB: (148, 236, 188); ESADECIMALE: #1e2366, RGB: (30, 35, 102)
ESADECIMALE: #ae9264, RGB: (174, 146, 100); ESADECIMALE: #9c94c8, RGB: (156, 148, 200); ESADECIMALE: #4c3445, RGB: (76, 52, 69)
Versione semplificata della tavolozza dei colori
Tonalità di mediumslateblue, Tonalità di aquamarine, Ombra di midnightblue, Tonalità di tan, Ombra di mediumpurple, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui app progress step by palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#6c74d4 #6c74d4 RGB(108, 116, 212)
#94ecbc #94ecbc RGB(148, 236, 188)
#1e2366 #1e2366 RGB(30, 35, 102)
#ae9264 #ae9264 RGB(174, 146, 100)
#9c94c8 #9c94c8 RGB(156, 148, 200)
#4c3445 #4c3445 RGB(76, 52, 69)

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
#6c74d4
#ae9264
1.39
#6c74d4
#9c94c8
1.47
#1e2366
#4c3445
1.26
#ae9264
#9c94c8
1.05

Tavolozza immagini Ui app progress step by palette png

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