Loading...
Creato a 03/19/2021 09:47
  0.25k

App design ux web hex colors

  • #f8ea32
  • #fc84fc
  • #807704
  • #5c646c
  • #ededf4
  • #444c54
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #fc84fc e #807704. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

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

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #444C54, #5C646C, #807704, #EDEDF4, #F8EA32, #FC84FC

La tavolozza App design ux web hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #f8ea32, RGB: (248, 234, 50); ESADECIMALE: #fc84fc, RGB: (252, 132, 252); ESADECIMALE: #807704, RGB: (128, 119, 4)
ESADECIMALE: #5c646c, RGB: (92, 100, 108); ESADECIMALE: #ededf4, RGB: (237, 237, 244); ESADECIMALE: #444c54, RGB: (68, 76, 84)
Versione semplificata della tavolozza dei colori
Tonalità di Giallo, Ombra di violet, Tonalità di Oliva, Tonalità di dimgrey, Tonalità di ghostwhite, Tonalità di dimgrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

App design ux web hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f8ea32 #f8ea32 RGB(248, 234, 50)
#fc84fc #fc84fc RGB(252, 132, 252)
#807704 #807704 RGB(128, 119, 4)
#5c646c #5c646c RGB(92, 100, 108)
#ededf4 #ededf4 RGB(237, 237, 244)
#444c54 #444c54 RGB(68, 76, 84)

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
#f8ea32
#fc84fc
1.7
#f8ea32
#ededf4
1.07
#fc84fc
#ededf4
1.83
#807704
#5c646c
1.3
#807704
#444c54
1.89
#5c646c
#444c54
1.45

Tavolozza immagini App design ux web hex colors png

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