Creato a 12/31/2020 18:12
  0.23k

Glassmorphism profile design ui idea

  • #9c49e8
  • #dcf28b
  • #0c7c54
  • #58aa80
  • #d7a6ac
  • #623f2b
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #0c7c54 e #623f2b. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #0C7C54 (più scuro) a #DCF28B (più chiaro). L’intervallo di luminosità è moderato.

La saturazione è in una fascia media.

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

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #0C7C54, #58AA80, #623F2B, #9C49E8, #D7A6AC, #DCF28B

La tavolozza Glassmorphism profile design ui idea ha una combinazione di colori dei codici 6:
ESADECIMALE: #9c49e8, RGB: (156, 73, 232); ESADECIMALE: #dcf28b, RGB: (220, 242, 139); ESADECIMALE: #0c7c54, RGB: (12, 124, 84)
ESADECIMALE: #58aa80, RGB: (88, 170, 128); ESADECIMALE: #d7a6ac, RGB: (215, 166, 172); ESADECIMALE: #623f2b, RGB: (98, 63, 43)
Versione semplificata della tavolozza dei colori
Ombra di darkorchid, Ombra di Cachi, Tonalità di seashell, Ombra di mediumseagreen, Tonalità di lightpink, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Glassmorphism profile design ui idea codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#9c49e8 #9c49e8 RGB(156, 73, 232)
#dcf28b #dcf28b RGB(220, 242, 139)
#0c7c54 #0c7c54 RGB(12, 124, 84)
#58aa80 #58aa80 RGB(88, 170, 128)
#d7a6ac #d7a6ac RGB(215, 166, 172)
#623f2b #623f2b RGB(98, 63, 43)

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
#9c49e8
#0c7c54
1.12
#9c49e8
#58aa80
1.64
#dcf28b
#d7a6ac
1.72
#0c7c54
#58aa80
1.85
#0c7c54
#623f2b
1.77
#58aa80
#d7a6ac
1.32

Tavolozza immagini Glassmorphism profile design ui idea png

Loading...
Loading...