Creato a 07/08/2025 20:36
Webflow Predictive UI Grid
- Structure Lilac#d3c4e3
- Interaction Sky#9be8ff
- Motion Gold#ffd972
- Component Teal#4ecdc4
- Hover Ink#121212
La tavolozza è composta da Leggero, Buio colori. Colori accentati Interaction Sky #9be8ff e Motion Gold #ffd972. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #121212 (più scuro) a #D3C4E3 (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): #121212, #4ECDC4, #9BE8FF, #D3C4E3, #FFD972
La tavolozza Webflow Predictive UI Grid ha una combinazione di colori dei codici 5:
ESADECIMALE: #d3c4e3, RGB: (211, 196, 227); ESADECIMALE: #9be8ff, RGB: (155, 232, 255); ESADECIMALE: #ffd972, RGB: (255, 217, 114)
ESADECIMALE: #4ecdc4, RGB: (78, 205, 196); ESADECIMALE: #121212, RGB: (18, 18, 18)
Versione semplificata della tavolozza dei colori
Ombra di thistle, Ombra di lightblue, Tonalità di Cachi, Tonalità di mediumturquoise, Ombra di Nero
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Webflow Predictive UI Grid codici colore HEX, informazioni RGB in tabella
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 |
#d3c4e3 | #9be8ff | 1.2 |
#d3c4e3 | #ffd972 | 1.2 |
#d3c4e3 | #4ecdc4 | 1.17 |
#9be8ff | #ffd972 | 1 |
#9be8ff | #4ecdc4 | 1.41 |
#ffd972 | #4ecdc4 | 1.42 |
Tavolozza immagini Webflow Predictive UI Grid png
Esporta tavolozza
Scarica la "Webflow Predictive UI Grid" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: