Creato a 08/18/2025 08:34
Generative Design Webflow Spectrum
- Render Indigo#4f46e5
- Prototype Coral#fb7185
- Canvas White#f9fafb
- Vector Yellow#facc15
- Node Green#22c55e
- Hyperlink Blue#3b82f6
- Terminal Black#111827
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Vector Yellow #facc15 e Hyperlink Blue #3b82f6. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #111827 (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #111827, #22C55E, #3B82F6, #4F46E5, #F9FAFB, #FACC15, #FB7185
La tavolozza Generative Design Webflow Spectrum ha una combinazione di colori dei codici 7:
ESADECIMALE: #4f46e5, RGB: (79, 70, 229); ESADECIMALE: #fb7185, RGB: (251, 113, 133); ESADECIMALE: #f9fafb, RGB: (249, 250, 251)
ESADECIMALE: #facc15, RGB: (250, 204, 21); ESADECIMALE: #22c55e, RGB: (34, 197, 94); ESADECIMALE: #3b82f6, RGB: (59, 130, 246)
ESADECIMALE: #111827, RGB: (17, 24, 39)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Tonalità di lightcoral, Ombra di whitesmoke, Tonalità di gold, Tonalità di limegreen, Tonalità di dodgerblue, Ombra di Nero
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Generative Design Webflow Spectrum codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Render Indigo | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Prototype Coral | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Canvas White | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Vector Yellow | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Node Green | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hyperlink Blue | — |
| #111827 | #111827 | RGB(17, 24, 39) | Terminal Black | — |
Contrasto della palette di colori
7 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 |
#4f46e5 | #3b82f6 | 1.7 |
#fb7185 | #facc15 | 1.75 |
#fb7185 | #22c55e | 1.18 |
#fb7185 | #3b82f6 | 1.36 |
#f9fafb | #facc15 | 1.46 |
#facc15 | #22c55e | 1.48 |
Tavolozza immagini Generative Design Webflow Spectrum png
Esporta tavolozza
Scarica la "Generative Design Webflow Spectrum" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: