Loading...
Creato a 10/23/2021 05:13
  0.17k

Ui figma design dailyui palette

  • #8ece2d
  • #b2d255
  • #3a5d0c
  • #84ac54
  • #627820
  • #445b33
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #8ece2d e #3a5d0c. La tavolozza ha la temperatura del colore Caldo.

Per luminosità, la tavolozza va da #3A5D0C (più scuro) a #B2D255 (più chiaro). L’intervallo di luminosità è moderato.

La saturazione complessiva risulta vivida (croma alto).

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

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #3A5D0C, #445B33, #627820, #84AC54, #8ECE2D, #B2D255

La tavolozza Ui figma design dailyui palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #8ece2d, RGB: (142, 206, 45); ESADECIMALE: #b2d255, RGB: (178, 210, 85); ESADECIMALE: #3a5d0c, RGB: (58, 93, 12)
ESADECIMALE: #84ac54, RGB: (132, 172, 84); ESADECIMALE: #627820, RGB: (98, 120, 32); ESADECIMALE: #445b33, RGB: (68, 91, 51)
Versione semplificata della tavolozza dei colori
Tonalità di Giallo verde, Ombra di Giallo verde, Tonalità di darkolivegreen, Ombra di olivedrab, Ombra di darkolivegreen, Tonalità di darkolivegreen
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui figma design dailyui palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#8ece2d #8ece2d RGB(142, 206, 45)
#b2d255 #b2d255 RGB(178, 210, 85)
#3a5d0c #3a5d0c RGB(58, 93, 12)
#84ac54 #84ac54 RGB(132, 172, 84)
#627820 #627820 RGB(98, 120, 32)
#445b33 #445b33 RGB(68, 91, 51)

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
#8ece2d
#b2d255
1.11
#8ece2d
#84ac54
1.37
#b2d255
#84ac54
1.52
#3a5d0c
#627820
1.53
#3a5d0c
#445b33
1.01
#84ac54
#627820
1.89

Tavolozza immagini Ui figma design dailyui palette png

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