Creato a 11/29/2022 17:51
  67

Web ui ux design

  • Light Sea Green
    #20b1a7
  • Medium Turquoise
    #4ddccc
  • Dark Moss Green
    #4c5c28
  • Green Sheen
    #66aca4
  • Pastel Blue
    #a9d2ce
  • Medium Jungle Green
    #1c3434
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Light Sea Green #20b1a7 e Medium Turquoise #4ddccc. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #1C3434 (più scuro) a #A9D2CE (più chiaro). L’intervallo di luminosità è ampio.

La saturazione è in una fascia media.

Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #1C3434, #20B1A7, #4C5C28, #4DDCCC, #66ACA4, #A9D2CE

La tavolozza Web ui ux design ha una combinazione di colori dei codici 6:
ESADECIMALE: #20b1a7, RGB: (32, 177, 167); ESADECIMALE: #4ddccc, RGB: (77, 220, 204); ESADECIMALE: #4c5c28, RGB: (76, 92, 40)
ESADECIMALE: #66aca4, RGB: (102, 172, 164); ESADECIMALE: #a9d2ce, RGB: (169, 210, 206); ESADECIMALE: #1c3434, RGB: (28, 52, 52)
Versione semplificata della tavolozza dei colori
Tonalità di lightseagreen, Ombra di turquoise, Tonalità di darkolivegreen, Ombra di cadetblue, Tonalità di powderblue, Tonalità di darkslategrey
La combinazione di colori è stata creata da bad_colors

Codici colori nella tavolozza

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

Colore ESADECIMALE RGB Nome Nome alternativo
#20b1a7 #20b1a7 RGB(32, 177, 167)Light Sea Green
#4ddccc #4ddccc RGB(77, 220, 204)Medium Turquoise
#4c5c28 #4c5c28 RGB(76, 92, 40)Dark Moss Green
#66aca4 #66aca4 RGB(102, 172, 164)Green Sheen
#a9d2ce #a9d2ce RGB(169, 210, 206)Pastel Blue
#1c3434 #1c3434 RGB(28, 52, 52)Medium Jungle Green

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
#20b1a7
#4ddccc
1.57
#20b1a7
#66aca4
1.01
#20b1a7
#a9d2ce
1.61
#4ddccc
#66aca4
1.55
#4ddccc
#a9d2ce
1.02
#4c5c28
#1c3434
1.8

Tavolozza immagini Web ui ux design png