Loading...
Creato a 03/23/2021 09:59
  0.2k

Ux design 3d character chart clean ui

  • #4c84ec
  • #928aee
  • #149c7c
  • #a86058
  • #a4ceca
  • #283754
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #4c84ec e #a86058. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #283754 (più scuro) a #928AEE (più chiaro). L’intervallo di luminosità è moderato.

La saturazione è in una fascia media.

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): #149C7C, #283754, #4C84EC, #928AEE, #A4CECA, #A86058

La tavolozza Ux design 3d character chart clean ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #4c84ec, RGB: (76, 132, 236); ESADECIMALE: #928aee, RGB: (146, 138, 238); ESADECIMALE: #149c7c, RGB: (20, 156, 124)
ESADECIMALE: #a86058, RGB: (168, 96, 88); ESADECIMALE: #a4ceca, RGB: (164, 206, 202); ESADECIMALE: #283754, RGB: (40, 55, 84)
Versione semplificata della tavolozza dei colori
Tonalità di cornflowerblue, Ombra di mediumpurple, Ombra di seashell, Tonalità di indianred, Tonalità di powderblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux design 3d character chart clean ui codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#4c84ec #4c84ec RGB(76, 132, 236)
#928aee #928aee RGB(146, 138, 238)
#149c7c #149c7c RGB(20, 156, 124)
#a86058 #a86058 RGB(168, 96, 88)
#a4ceca #a4ceca RGB(164, 206, 202)
#283754 #283754 RGB(40, 55, 84)

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
#4c84ec
#928aee
1.21
#4c84ec
#149c7c
1.04
#4c84ec
#a86058
1.29
#928aee
#149c7c
1.16
#928aee
#a86058
1.58
#928aee
#a4ceca
1.72

Tavolozza immagini Ux design 3d character chart clean ui png

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