Loading...
Creato a 01/13/2021 10:43
  0.2k

Dailyui003 design ux landingpage colors

  • #f2831e
  • #f6c083
  • #7d3f07
  • #aa8c6c
  • #ccbaa0
  • #425646
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #f2831e e #7d3f07. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #7D3F07 (più scuro) a #F6C083 (più chiaro). L’intervallo di luminosità è moderato.

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

Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #425646, #7D3F07, #AA8C6C, #CCBAA0, #F2831E, #F6C083

La tavolozza Dailyui003 design ux landingpage colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #f2831e, RGB: (242, 131, 30); ESADECIMALE: #f6c083, RGB: (246, 192, 131); ESADECIMALE: #7d3f07, RGB: (125, 63, 7)
ESADECIMALE: #aa8c6c, RGB: (170, 140, 108); ESADECIMALE: #ccbaa0, RGB: (204, 186, 160); ESADECIMALE: #425646, RGB: (66, 86, 70)
Versione semplificata della tavolozza dei colori
Tonalità di darkorange, Ombra di burlywood, Tonalità di saddlebrown, Tonalità di peru, Ombra di tan, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Dailyui003 design ux landingpage colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f2831e #f2831e RGB(242, 131, 30)
#f6c083 #f6c083 RGB(246, 192, 131)
#7d3f07 #7d3f07 RGB(125, 63, 7)
#aa8c6c #aa8c6c RGB(170, 140, 108)
#ccbaa0 #ccbaa0 RGB(204, 186, 160)
#425646 #425646 RGB(66, 86, 70)

Contrasto della palette di colori

7 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
#f2831e
#f6c083
1.59
#f2831e
#aa8c6c
1.2
#f2831e
#ccbaa0
1.38
#f6c083
#aa8c6c
1.91
#f6c083
#ccbaa0
1.15
#7d3f07
#425646
1.02

Tavolozza immagini Dailyui003 design ux landingpage colors png

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