Loading...
Creato a 10/20/2021 14:53
  0.17k

Ui design vector webdesign colors

  • #cc641c
  • #eed464
  • #1e947d
  • #5ea99a
  • #a9cbc5
  • #593c2a
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #eed464 e #a9cbc5. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #593C2A (più scuro) a #A9CBC5 (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): #1E947D, #593C2A, #5EA99A, #A9CBC5, #CC641C, #EED464

La tavolozza Ui design vector webdesign colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #cc641c, RGB: (204, 100, 28); ESADECIMALE: #eed464, RGB: (238, 212, 100); ESADECIMALE: #1e947d, RGB: (30, 148, 125)
ESADECIMALE: #5ea99a, RGB: (94, 169, 154); ESADECIMALE: #a9cbc5, RGB: (169, 203, 197); ESADECIMALE: #593c2a, RGB: (89, 60, 42)
Versione semplificata della tavolozza dei colori
Tonalità di chocolate, Tonalità di Cachi, Ombra di darkcyan, Ombra di lightseagreen, Tonalità di powderblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui design vector webdesign colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#cc641c #cc641c RGB(204, 100, 28)
#eed464 #eed464 RGB(238, 212, 100)
#1e947d #1e947d RGB(30, 148, 125)
#5ea99a #5ea99a RGB(94, 169, 154)
#a9cbc5 #a9cbc5 RGB(169, 203, 197)
#593c2a #593c2a RGB(89, 60, 42)

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
#cc641c
#1e947d
1.03
#cc641c
#5ea99a
1.4
#eed464
#5ea99a
1.86
#eed464
#a9cbc5
1.18
#1e947d
#5ea99a
1.36
#5ea99a
#a9cbc5
1.57

Tavolozza immagini Ui design vector webdesign colors png

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