Genera tavolozza
  1. Tavolozze di colori
  2. Flutter Frosted Glass UI
Creato a 06/05/2025 20:27
dihex
  1

Flutter Frosted Glass UI

  • Widget Ice
    #e0f7fa
  • Primary Blue
    #0288d1
  • HotReload Mint
    #a7ffeb
  • Focus Violet
    #7e57c2
  • SafeZone Sand
    #fff3e0
  • Dart Midnight
    #1a237e
La tavolozza è composta da Leggero, Buio colori. Colori accentati HotReload Mint #a7ffeb e SafeZone Sand #fff3e0. La tavolozza ha la temperatura del colore Neutro, Freddo.

Per luminosità, la tavolozza va da #1A237E (più scuro) a #FFF3E0 (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).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #0288D1, #1A237E, #7E57C2, #A7FFEB, #E0F7FA, #FFF3E0

La tavolozza Flutter Frosted Glass UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #e0f7fa, RGB: (224, 247, 250); ESADECIMALE: #0288d1, RGB: (2, 136, 209); ESADECIMALE: #a7ffeb, RGB: (167, 255, 235)
ESADECIMALE: #7e57c2, RGB: (126, 87, 194); ESADECIMALE: #fff3e0, RGB: (255, 243, 224); ESADECIMALE: #1a237e, RGB: (26, 35, 126)
Versione semplificata della tavolozza dei colori
Tonalità di azure, Tonalità di steelblue, Ombra di aquamarine, Ombra di slateblue, Ombra di antiquewhite, Ombra di midnightblue
La combinazione di colori è stata creata da hex
Altre tavolozze con:
Acqua Blu Bianco

Codici colori nella tavolozza

Flutter Frosted Glass UI codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#e0f7fa #e0f7fa RGB(224, 247, 250)Widget Ice—
#0288d1 #0288d1 RGB(2, 136, 209)Primary Blue—
#a7ffeb #a7ffeb RGB(167, 255, 235)HotReload Mint—
#7e57c2 #7e57c2 RGB(126, 87, 194)Focus Violet—
#fff3e0 #fff3e0 RGB(255, 243, 224)SafeZone Sand—
#1a237e #1a237e RGB(26, 35, 126)Dart Midnight—

Contrasto della palette di colori

4 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
#e0f7fa
#a7ffeb
1.03
#e0f7fa
#fff3e0
1.01
#0288d1
#7e57c2
1.35
#a7ffeb
#fff3e0
1.05

Tavolozza immagini Flutter Frosted Glass UI png

Flutter Frosted Glass UI - #551120
 Scarica l'immagine