Loading...
Creato a 09/22/2021 09:06
  0.11k

Ui design app typography hex colors

  • #e4ea0c
  • #f5f880
  • #5e1c49
  • #96ae52
  • #b19da9
  • #395c32
Loading...
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati #e4ea0c e #f5f880. La tavolozza ha la temperatura del colore Caldo, Neutro.

Per luminosità, la tavolozza va da #5E1C49 (più scuro) a #F5F880 (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 caldo.

Codici HEX (ordinati): #395C32, #5E1C49, #96AE52, #B19DA9, #E4EA0C, #F5F880

La tavolozza Ui design app typography hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #e4ea0c, RGB: (228, 234, 12); ESADECIMALE: #f5f880, RGB: (245, 248, 128); ESADECIMALE: #5e1c49, RGB: (94, 28, 73)
ESADECIMALE: #96ae52, RGB: (150, 174, 82); ESADECIMALE: #b19da9, RGB: (177, 157, 169); ESADECIMALE: #395c32, RGB: (57, 92, 50)
Versione semplificata della tavolozza dei colori
Tonalità di Giallo, Ombra di Cachi, Ombra di Viola, Tonalità di darkkhaki, Ombra di rosybrown, Tonalità di darkolivegreen
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui design app typography hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#e4ea0c #e4ea0c RGB(228, 234, 12)
#f5f880 #f5f880 RGB(245, 248, 128)
#5e1c49 #5e1c49 RGB(94, 28, 73)
#96ae52 #96ae52 RGB(150, 174, 82)
#b19da9 #b19da9 RGB(177, 157, 169)
#395c32 #395c32 RGB(57, 92, 50)

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
#e4ea0c
#f5f880
1.15
#e4ea0c
#96ae52
1.89
#e4ea0c
#b19da9
1.94
#5e1c49
#395c32
1.58
#96ae52
#b19da9
1.02

Tavolozza immagini Ui design app typography hex colors png

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