Loading...
Creato a 04/29/2021 09:10
  0.2k

Web design ux website ui colours

  • #93ba3d
  • #cce49d
  • #515b12
  • #af9f60
  • #c6ba93
  • #38592d
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #cce49d e #515b12. La tavolozza ha la temperatura del colore Caldo.

Per luminosità, la tavolozza va da #515B12 (più scuro) a #CCE49D (più chiaro). L’intervallo di luminosità è moderato.

La saturazione è in una fascia media.

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

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #38592D, #515B12, #93BA3D, #AF9F60, #C6BA93, #CCE49D

La tavolozza Web design ux website ui colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #93ba3d, RGB: (147, 186, 61); ESADECIMALE: #cce49d, RGB: (204, 228, 157); ESADECIMALE: #515b12, RGB: (81, 91, 18)
ESADECIMALE: #af9f60, RGB: (175, 159, 96); ESADECIMALE: #c6ba93, RGB: (198, 186, 147); ESADECIMALE: #38592d, RGB: (56, 89, 45)
Versione semplificata della tavolozza dei colori
Tonalità di Giallo verde, Tonalità di palegoldenrod, Tonalità di darkolivegreen, Tonalità di darkkhaki, Ombra di tan, Tonalità di darkolivegreen
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Web design ux website ui colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#93ba3d #93ba3d RGB(147, 186, 61)
#cce49d #cce49d RGB(204, 228, 157)
#515b12 #515b12 RGB(81, 91, 18)
#af9f60 #af9f60 RGB(175, 159, 96)
#c6ba93 #c6ba93 RGB(198, 186, 147)
#38592d #38592d RGB(56, 89, 45)

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
#93ba3d
#cce49d
1.62
#93ba3d
#af9f60
1.17
#93ba3d
#c6ba93
1.16
#cce49d
#af9f60
1.9
#cce49d
#c6ba93
1.39
#515b12
#38592d
1.08

Tavolozza immagini Web design ux website ui colours png

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