Loading...
Creato a 12/07/2022 11:03
  73

Design ui ux colours

  • Palm Leaf
    #5f9e49
  • Granny Smith Apple
    #9cdc9c
  • Antique Bronze
    #5c6424
  • Bronze (Metallic)
    #a48c5c
  • Pastel Gray
    #dcccbc
  • Dark Slate Gray
    #345058
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Granny Smith Apple #9cdc9c e Antique Bronze #5c6424. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

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

La saturazione è in una fascia media.

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): #345058, #5C6424, #5F9E49, #9CDC9C, #A48C5C, #DCCCBC

La tavolozza Design ui ux colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #5f9e49, RGB: (95, 158, 73); ESADECIMALE: #9cdc9c, RGB: (156, 220, 156); ESADECIMALE: #5c6424, RGB: (92, 100, 36)
ESADECIMALE: #a48c5c, RGB: (164, 140, 92); ESADECIMALE: #dcccbc, RGB: (220, 204, 188); ESADECIMALE: #345058, RGB: (52, 80, 88)
Versione semplificata della tavolozza dei colori
Ombra di olivedrab, Tonalità di lightgreen, Tonalità di darkolivegreen, Ombra di darkgoldenrod, Tonalità di antiquewhite, Ombra di darkslategrey
La combinazione di colori è stata creata da colorslib

Codici colori nella tavolozza

Design ui ux colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#5f9e49 #5f9e49 RGB(95, 158, 73)Palm Leaf
#9cdc9c #9cdc9c RGB(156, 220, 156)Granny Smith Apple
#5c6424 #5c6424 RGB(92, 100, 36)Antique Bronze
#a48c5c #a48c5c RGB(164, 140, 92)Bronze (Metallic)
#dcccbc #dcccbc RGB(220, 204, 188)Pastel Gray
#345058 #345058 RGB(52, 80, 88)Dark Slate Gray

Contrasto della palette di colori

5 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
#5f9e49
#5c6424
1.95
#5f9e49
#a48c5c
1
#9cdc9c
#dcccbc
1.02
#5c6424
#a48c5c
1.96
#5c6424
#345058
1.35

Tavolozza immagini Design ui ux colours png

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