Loading...
Creato a 04/15/2021 22:01
  0.17k

App ux design mobile colors

  • #4e089d
  • #b8add9
  • #370a89
  • #63a55d
  • #8c7bb1
  • #3e5d77
Loading...
La tavolozza è composta da Buio, Leggero, Semi scuro colori. Colori accentati #4e089d e #63a55d. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #370A89 (più scuro) a #B8ADD9 (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): #370A89, #3E5D77, #4E089D, #63A55D, #8C7BB1, #B8ADD9

La tavolozza App ux design mobile colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #4e089d, RGB: (78, 8, 157); ESADECIMALE: #b8add9, RGB: (184, 173, 217); ESADECIMALE: #370a89, RGB: (55, 10, 137)
ESADECIMALE: #63a55d, RGB: (99, 165, 93); ESADECIMALE: #8c7bb1, RGB: (140, 123, 177); ESADECIMALE: #3e5d77, RGB: (62, 93, 119)
Versione semplificata della tavolozza dei colori
Ombra di indigo, Tonalità di thistle, Ombra di indigo, Ombra di mediumseagreen, Tonalità di mediumpurple, Tonalità di royalblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

App ux design mobile colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#4e089d #4e089d RGB(78, 8, 157)
#b8add9 #b8add9 RGB(184, 173, 217)
#370a89 #370a89 RGB(55, 10, 137)
#63a55d #63a55d RGB(99, 165, 93)
#8c7bb1 #8c7bb1 RGB(140, 123, 177)
#3e5d77 #3e5d77 RGB(62, 93, 119)

Contrasto della palette di colori

7 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
#4e089d
#370a89
1.17
#4e089d
#3e5d77
1.64
#b8add9
#63a55d
1.41
#b8add9
#8c7bb1
1.79
#370a89
#3e5d77
1.93
#63a55d
#8c7bb1
1.26

Tavolozza immagini App ux design mobile colors png

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