Loading...
Creato a 03/28/2020 18:26
  0.24k

Web ui design palette

  • #6cf484
  • #7ef491
  • #097b1d
  • #6c7484
  • #dec4d4
  • #5a6878
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #097b1d e #dec4d4. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #097B1D (più scuro) a #DEC4D4 (più chiaro). L’intervallo di luminosità è ampio.

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

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #097B1D, #5A6878, #6C7484, #6CF484, #7EF491, #DEC4D4

La tavolozza Web ui design palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #6cf484, RGB: (108, 244, 132); ESADECIMALE: #7ef491, RGB: (126, 244, 145); ESADECIMALE: #097b1d, RGB: (9, 123, 29)
ESADECIMALE: #6c7484, RGB: (108, 116, 132); ESADECIMALE: #dec4d4, RGB: (222, 196, 212); ESADECIMALE: #5a6878, RGB: (90, 104, 120)
Versione semplificata della tavolozza dei colori
Tonalità di lightgreen, Tonalità di lightgreen, Ombra di Verde, Tonalità di slategrey, Ombra di thistle, Tonalità di dimgrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

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

Colore ESADECIMALE RGB Nome Nome alternativo
#6cf484 #6cf484 RGB(108, 244, 132)
#7ef491 #7ef491 RGB(126, 244, 145)
#097b1d #097b1d RGB(9, 123, 29)
#6c7484 #6c7484 RGB(108, 116, 132)
#dec4d4 #dec4d4 RGB(222, 196, 212)
#5a6878 #5a6878 RGB(90, 104, 120)

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
#6cf484
#7ef491
1.02
#6cf484
#dec4d4
1.15
#7ef491
#dec4d4
1.17
#097b1d
#6c7484
1.15
#097b1d
#5a6878
1.04
#6c7484
#5a6878
1.21

Tavolozza immagini Web ui design palette png

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