Creato a 07/08/2025 19:54
  1

Liquid Glass Webflow Suite

  • Blur Mint
    #c1fff2
  • Chrome White
    #f9fafb
  • UI Sapphire
    #1976d2
  • Soft Gradient Rose
    #ffdee9
  • UI Code Black
    #1a1a1a
La tavolozza è composta da Leggero, Buio colori. Colori accentati Blur Mint #c1fff2 e Soft Gradient Rose #ffdee9. La tavolozza ha la temperatura del colore Freddo, Neutro.

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

La saturazione complessiva risulta vivida (croma alto).

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

La maggior parte dei campioni risulta neutra in temperatura.

Codici HEX (ordinati): #1976D2, #1A1A1A, #C1FFF2, #F9FAFB, #FFDEE9

La tavolozza Liquid Glass Webflow Suite ha una combinazione di colori dei codici 5:
ESADECIMALE: #c1fff2, RGB: (193, 255, 242); ESADECIMALE: #f9fafb, RGB: (249, 250, 251); ESADECIMALE: #1976d2, RGB: (25, 118, 210)
ESADECIMALE: #ffdee9, RGB: (255, 222, 233); ESADECIMALE: #1a1a1a, RGB: (26, 26, 26)
Versione semplificata della tavolozza dei colori
Ombra di paleturquoise, Ombra di whitesmoke, Tonalità di steelblue, Tonalità di mistyrose, Ombra di Nero
La combinazione di colori è stata creata da bad_colors

Codici colori nella tavolozza

Liquid Glass Webflow Suite codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#c1fff2 #c1fff2 RGB(193, 255, 242)Blur Mint
#f9fafb #f9fafb RGB(249, 250, 251)Chrome White
#1976d2 #1976d2 RGB(25, 118, 210)UI Sapphire
#ffdee9 #ffdee9 RGB(255, 222, 233)Soft Gradient Rose
#1a1a1a #1a1a1a RGB(26, 26, 26)UI Code BlackGray10

Contrasto della palette di colori

3 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
#c1fff2
#f9fafb
1.06
#c1fff2
#ffdee9
1.11
#f9fafb
#ffdee9
1.19

Tavolozza immagini Liquid Glass Webflow Suite png