Creato a 11/19/2019 21:00
  0.25k

Uidesign ux concept web colors

  • #f5c404
  • #fce27c
  • #8c440c
  • #93794e
  • #b5b6b5
  • #5f4d30
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #f5c404 e #fce27c. La tavolozza ha la temperatura del colore Caldo, Neutro.

Per luminosità, la tavolozza va da #5F4D30 (più scuro) a #FCE27C (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #5F4D30, #8C440C, #93794E, #B5B6B5, #F5C404, #FCE27C

La tavolozza Uidesign ux concept web colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #f5c404, RGB: (245, 196, 4); ESADECIMALE: #fce27c, RGB: (252, 226, 124); ESADECIMALE: #8c440c, RGB: (140, 68, 12)
ESADECIMALE: #93794e, RGB: (147, 121, 78); ESADECIMALE: #b5b6b5, RGB: (181, 182, 181); ESADECIMALE: #5f4d30, RGB: (95, 77, 48)
Versione semplificata della tavolozza dei colori
Tonalità di gold, Tonalità di Cachi, Tonalità di saddlebrown, Tonalità di darkgoldenrod, Tonalità di Argento, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Uidesign ux concept web colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f5c404 #f5c404 RGB(245, 196, 4)
#fce27c #fce27c RGB(252, 226, 124)
#8c440c #8c440c RGB(140, 68, 12)
#93794e #93794e RGB(147, 121, 78)
#b5b6b5 #b5b6b5 RGB(181, 182, 181)
#5f4d30 #5f4d30 RGB(95, 77, 48)

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
#f5c404
#fce27c
1.27
#f5c404
#b5b6b5
1.23
#fce27c
#b5b6b5
1.57
#8c440c
#93794e
1.72
#8c440c
#5f4d30
1.13
#93794e
#5f4d30
1.96

Tavolozza immagini Uidesign ux concept web colors png

Loading...
Loading...