Loading...
Creato a 10/17/2022 18:19
  94

Ux ui design

  • Yellow-Green
    #84cc2c
  • Mindaro
    #ccfc80
  • Olive Drab (#3)
    #64941c
  • Russian Green
    #71a05a
  • Pastel Blue
    #acc4d4
  • Dark Olive Green
    #446e34
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Mindaro #ccfc80 e Pastel Blue #acc4d4. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #446E34 (più scuro) a #ACC4D4 (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #446E34, #64941C, #71A05A, #84CC2C, #ACC4D4, #CCFC80

La tavolozza Ux ui design ha una combinazione di colori dei codici 6:
ESADECIMALE: #84cc2c, RGB: (132, 204, 44); ESADECIMALE: #ccfc80, RGB: (204, 252, 128); ESADECIMALE: #64941c, RGB: (100, 148, 28)
ESADECIMALE: #71a05a, RGB: (113, 160, 90); ESADECIMALE: #acc4d4, RGB: (172, 196, 212); ESADECIMALE: #446e34, RGB: (68, 110, 52)
Versione semplificata della tavolozza dei colori
Tonalità di Giallo verde, Ombra di greenyellow, Ombra di olivedrab, Ombra di olivedrab, Tonalità di lightsteelblue, Tonalità di darkolivegreen
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux ui design codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#84cc2c #84cc2c RGB(132, 204, 44)Yellow-Green
#ccfc80 #ccfc80 RGB(204, 252, 128)Mindaro
#64941c #64941c RGB(100, 148, 28)Olive Drab (#3)
#71a05a #71a05a RGB(113, 160, 90)Russian Green
#acc4d4 #acc4d4 RGB(172, 196, 212)Pastel Blue
#446e34 #446e34 RGB(68, 110, 52)Dark Olive Green

Contrasto della palette di colori

9 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
#84cc2c
#ccfc80
1.67
#84cc2c
#64941c
1.83
#84cc2c
#71a05a
1.54
#84cc2c
#acc4d4
1.08
#ccfc80
#acc4d4
1.53
#64941c
#71a05a
1.18

Tavolozza immagini Ux ui design png

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