Loading...
Creato a 06/30/2020 21:55
  0.22k

Ui ux design recipe hex colors

  • #fcb41c
  • #fac24c
  • #502510
  • #6392af
  • #c8bfb2
  • #366258
Loading...
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati #fcb41c e #6392af. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

Codici HEX (ordinati): #366258, #502510, #6392AF, #C8BFB2, #FAC24C, #FCB41C

La tavolozza Ui ux design recipe hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #fcb41c, RGB: (252, 180, 28); ESADECIMALE: #fac24c, RGB: (250, 194, 76); ESADECIMALE: #502510, RGB: (80, 37, 16)
ESADECIMALE: #6392af, RGB: (99, 146, 175); ESADECIMALE: #c8bfb2, RGB: (200, 191, 178); ESADECIMALE: #366258, RGB: (54, 98, 88)
Versione semplificata della tavolozza dei colori
Ombra di Arancia, Ombra di goldenrod, Ombra di Marrone, Ombra di lightslategrey, Ombra di Argento, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

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

Colore ESADECIMALE RGB Nome Nome alternativo
#fcb41c #fcb41c RGB(252, 180, 28)
#fac24c #fac24c RGB(250, 194, 76)
#502510 #502510 RGB(80, 37, 16)
#6392af #6392af RGB(99, 146, 175)
#c8bfb2 #c8bfb2 RGB(200, 191, 178)
#366258 #366258 RGB(54, 98, 88)

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
#fcb41c
#fac24c
1.1
#fcb41c
#6392af
1.86
#fcb41c
#c8bfb2
1.01
#fac24c
#c8bfb2
1.11
#502510
#366258
1.88
#6392af
#c8bfb2
1.84

Tavolozza immagini Ui ux design recipe hex colors png

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