Loading...
Creato a 10/31/2021 14:54
  0.17k

Ui website design graphic palette

  • #cc9c5c
  • #dfc19a
  • #69050c
  • #ab9364
  • #ccacb4
  • #685537
Loading...
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati #cc9c5c e #69050c. La tavolozza ha la temperatura del colore Caldo, Neutro.

Per luminosità, la tavolozza va da #69050C (più scuro) a #DFC19A (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): #685537, #69050C, #AB9364, #CC9C5C, #CCACB4, #DFC19A

La tavolozza Ui website design graphic palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #cc9c5c, RGB: (204, 156, 92); ESADECIMALE: #dfc19a, RGB: (223, 193, 154); ESADECIMALE: #69050c, RGB: (105, 5, 12)
ESADECIMALE: #ab9364, RGB: (171, 147, 100); ESADECIMALE: #ccacb4, RGB: (204, 172, 180); ESADECIMALE: #685537, RGB: (104, 85, 55)
Versione semplificata della tavolozza dei colori
Tonalità di burlywood, Ombra di tan, Tonalità di Marrone, Tonalità di tan, Tonalità di thistle, Ombra di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui website design graphic palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#cc9c5c #cc9c5c RGB(204, 156, 92)
#dfc19a #dfc19a RGB(223, 193, 154)
#69050c #69050c RGB(105, 5, 12)
#ab9364 #ab9364 RGB(171, 147, 100)
#ccacb4 #ccacb4 RGB(204, 172, 180)
#685537 #685537 RGB(104, 85, 55)

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
#cc9c5c
#dfc19a
1.44
#cc9c5c
#ab9364
1.19
#cc9c5c
#ccacb4
1.19
#dfc19a
#ab9364
1.72
#dfc19a
#ccacb4
1.2
#69050c
#685537
1.8

Tavolozza immagini Ui website design graphic palette png

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