Creato a 07/08/2025 08:26
Webflow Neural Grid System
- Flow Pink#ff5e84
- Semantic Gold#ffc857
- Pixel Fog#f6f6f9
- UX Graphite#2d3142
- Canvas Lilac#b9aff9
- Grid White#ffffff
La tavolozza è composta da Leggero, Buio colori. Colori accentati Semantic Gold #ffc857 e Canvas Lilac #b9aff9. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #2D3142 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #2D3142, #B9AFF9, #F6F6F9, #FF5E84, #FFC857, #FFFFFF
La tavolozza Webflow Neural Grid System ha una combinazione di colori dei codici 6:
ESADECIMALE: #ff5e84, RGB: (255, 94, 132); ESADECIMALE: #ffc857, RGB: (255, 200, 87); ESADECIMALE: #f6f6f9, RGB: (246, 246, 249)
ESADECIMALE: #2d3142, RGB: (45, 49, 66); ESADECIMALE: #b9aff9, RGB: (185, 175, 249); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Tonalità di palevioletred, Ombra di gold, Ombra di whitesmoke, Tonalità di darkslateblue, Tonalità di lightsteelblue, Bianco
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Webflow Neural Grid System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ff5e84 | #ff5e84 | RGB(255, 94, 132) | Flow Pink | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Semantic Gold | — |
| #f6f6f9 | #f6f6f9 | RGB(246, 246, 249) | Pixel Fog | — |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | UX Graphite | — |
| #b9aff9 | #b9aff9 | RGB(185, 175, 249) | Canvas Lilac | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Grid White | White |
Contrasto della palette di colori
8 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 |
#ff5e84 | #ffc857 | 1.89 |
#ff5e84 | #b9aff9 | 1.46 |
#ffc857 | #f6f6f9 | 1.42 |
#ffc857 | #b9aff9 | 1.29 |
#ffc857 | #ffffff | 1.53 |
#f6f6f9 | #b9aff9 | 1.84 |
Tavolozza immagini Webflow Neural Grid System png
Esporta tavolozza
Scarica la "Webflow Neural Grid System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: