Loading...
Creato a 12/28/2020 14:48
  0.21k

Flat design ui fullscreen palette

  • #7cbc4c
  • #b8da9e
  • #549444
  • #8474ac
  • #d5e1cc
  • #222c1b
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #7cbc4c e #8474ac. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

Per luminosità, la tavolozza va da #222C1B (più scuro) a #D5E1CC (più chiaro). L’intervallo di luminosità è ampio.

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): #222C1B, #549444, #7CBC4C, #8474AC, #B8DA9E, #D5E1CC

La tavolozza Flat design ui fullscreen palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #7cbc4c, RGB: (124, 188, 76); ESADECIMALE: #b8da9e, RGB: (184, 218, 158); ESADECIMALE: #549444, RGB: (84, 148, 68)
ESADECIMALE: #8474ac, RGB: (132, 116, 172); ESADECIMALE: #d5e1cc, RGB: (213, 225, 204); ESADECIMALE: #222c1b, RGB: (34, 44, 27)
Versione semplificata della tavolozza dei colori
Ombra di limegreen, Ombra di darkseagreen, Ombra di forestgreen, Tonalità di mediumpurple, Tonalità di beige, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Flat design ui fullscreen palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#7cbc4c #7cbc4c RGB(124, 188, 76)
#b8da9e #b8da9e RGB(184, 218, 158)
#549444 #549444 RGB(84, 148, 68)
#8474ac #8474ac RGB(132, 116, 172)
#d5e1cc #d5e1cc RGB(213, 225, 204)
#222c1b #222c1b RGB(34, 44, 27)

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
#7cbc4c
#b8da9e
1.48
#7cbc4c
#549444
1.6
#7cbc4c
#8474ac
1.8
#7cbc4c
#d5e1cc
1.68
#b8da9e
#d5e1cc
1.14
#549444
#8474ac
1.12

Tavolozza immagini Flat design ui fullscreen palette png

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