Loading...
Creato a 09/19/2020 20:08
  0.17k

Ux web app design palette

  • #714cb1
  • #a48fe2
  • #483122
  • #7a62a2
  • #c9d8e0
  • #3c231e
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati #a48fe2 e #483122. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #3C231E (più scuro) a #C9D8E0 (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).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #3C231E, #483122, #714CB1, #7A62A2, #A48FE2, #C9D8E0

La tavolozza Ux web app design palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #714cb1, RGB: (113, 76, 177); ESADECIMALE: #a48fe2, RGB: (164, 143, 226); ESADECIMALE: #483122, RGB: (72, 49, 34)
ESADECIMALE: #7a62a2, RGB: (122, 98, 162); ESADECIMALE: #c9d8e0, RGB: (201, 216, 224); ESADECIMALE: #3c231e, RGB: (60, 35, 30)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Ombra di mediumpurple, Tonalità di saddlebrown, Ombra di slateblue, Ombra di lightgrey, Ombra di Nero
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux web app design palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#714cb1 #714cb1 RGB(113, 76, 177)
#a48fe2 #a48fe2 RGB(164, 143, 226)
#483122 #483122 RGB(72, 49, 34)
#7a62a2 #7a62a2 RGB(122, 98, 162)
#c9d8e0 #c9d8e0 RGB(201, 216, 224)
#3c231e #3c231e RGB(60, 35, 30)

Contrasto della palette di colori

5 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
#714cb1
#483122
1.93
#714cb1
#7a62a2
1.21
#a48fe2
#7a62a2
1.85
#a48fe2
#c9d8e0
1.89
#483122
#3c231e
1.19

Tavolozza immagini Ux web app design palette png

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