Loading...
Creato a 07/30/2020 22:14
  0.19k

Design fashion web ui colors

  • #faac18
  • #fccc61
  • #042761
  • #343368
  • #acc6ca
  • #584a67
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #fccc61 e #042761. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #042761 (più scuro) a #ACC6CA (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): #042761, #343368, #584A67, #ACC6CA, #FAAC18, #FCCC61

La tavolozza Design fashion web ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #faac18, RGB: (250, 172, 24); ESADECIMALE: #fccc61, RGB: (252, 204, 97); ESADECIMALE: #042761, RGB: (4, 39, 97)
ESADECIMALE: #343368, RGB: (52, 51, 104); ESADECIMALE: #acc6ca, RGB: (172, 198, 202); ESADECIMALE: #584a67, RGB: (88, 74, 103)
Versione semplificata della tavolozza dei colori
Ombra di Arancia, Ombra di gold, Ombra di midnightblue, Tonalità di darkslateblue, Tonalità di lightblue, Ombra di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design fashion web ui colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#faac18 #faac18 RGB(250, 172, 24)
#fccc61 #fccc61 RGB(252, 204, 97)
#042761 #042761 RGB(4, 39, 97)
#343368 #343368 RGB(52, 51, 104)
#acc6ca #acc6ca RGB(172, 198, 202)
#584a67 #584a67 RGB(88, 74, 103)

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
#faac18
#fccc61
1.27
#faac18
#acc6ca
1.06
#fccc61
#acc6ca
1.19
#042761
#343368
1.23
#042761
#584a67
1.76
#343368
#584a67
1.42

Tavolozza immagini Design fashion web ui colors png

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