Loading...
Creato a 02/24/2020 10:11
  0.23k

Ui ux design colors

  • #42a4fc
  • #94cbfb
  • #053b4f
  • #658fa8
  • #ccac9d
  • #263033
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #42a4fc e #ccac9d. La tavolozza ha la temperatura del colore Freddo, Caldo.

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

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #053B4F, #263033, #42A4FC, #658FA8, #94CBFB, #CCAC9D

La tavolozza Ui ux design colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #42a4fc, RGB: (66, 164, 252); ESADECIMALE: #94cbfb, RGB: (148, 203, 251); ESADECIMALE: #053b4f, RGB: (5, 59, 79)
ESADECIMALE: #658fa8, RGB: (101, 143, 168); ESADECIMALE: #ccac9d, RGB: (204, 172, 157); ESADECIMALE: #263033, RGB: (38, 48, 51)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Ombra di lightskyblue, Tonalità di darkslategrey, Ombra di lightslategrey, Tonalità di tan, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui ux design colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#42a4fc #42a4fc RGB(66, 164, 252)
#94cbfb #94cbfb RGB(148, 203, 251)
#053b4f #053b4f RGB(5, 59, 79)
#658fa8 #658fa8 RGB(101, 143, 168)
#ccac9d #ccac9d RGB(204, 172, 157)
#263033 #263033 RGB(38, 48, 51)

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
#42a4fc
#94cbfb
1.53
#42a4fc
#658fa8
1.31
#42a4fc
#ccac9d
1.25
#94cbfb
#ccac9d
1.22
#053b4f
#263033
1.12
#658fa8
#ccac9d
1.64

Tavolozza immagini Ui ux design colors png

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