Loading...
Creato a 03/31/2021 10:17
  0.23k

Uidesign app design ui colors

  • #f0a04c
  • #bccce4
  • #04141c
  • #717893
  • #a3c5aa
  • #3c3e4d
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #f0a04c e #04141c. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #04141C (più scuro) a #BCCCE4 (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): #04141C, #3C3E4D, #717893, #A3C5AA, #BCCCE4, #F0A04C

La tavolozza Uidesign app design ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #f0a04c, RGB: (240, 160, 76); ESADECIMALE: #bccce4, RGB: (188, 204, 228); ESADECIMALE: #04141c, RGB: (4, 20, 28)
ESADECIMALE: #717893, RGB: (113, 120, 147); ESADECIMALE: #a3c5aa, RGB: (163, 197, 170); ESADECIMALE: #3c3e4d, RGB: (60, 62, 77)
Versione semplificata della tavolozza dei colori
Tonalità di sandybrown, Ombra di lightsteelblue, Ombra di Nero, Tonalità di slategrey, Ombra di darkseagreen, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Uidesign app design ui colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f0a04c #f0a04c RGB(240, 160, 76)
#bccce4 #bccce4 RGB(188, 204, 228)
#04141c #04141c RGB(4, 20, 28)
#717893 #717893 RGB(113, 120, 147)
#a3c5aa #a3c5aa RGB(163, 197, 170)
#3c3e4d #3c3e4d RGB(60, 62, 77)

Contrasto della palette di colori

4 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
#f0a04c
#bccce4
1.31
#f0a04c
#a3c5aa
1.13
#bccce4
#a3c5aa
1.15
#04141c
#3c3e4d
1.77

Tavolozza immagini Uidesign app design ui colors png

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