Creato a 06/13/2025 10:28
Next.js Webflow Colorscape
- Framework Blue#2563eb
- Static Snow#f5f7fa
- Hooked Coral#ff6f61
- SSR Steel#475569
- API Leaf#8bc34a
- Event Grey#d0d5dd
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Framework Blue #2563eb e Hooked Coral #ff6f61. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #475569 (più scuro) a #F5F7FA (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #2563EB, #475569, #8BC34A, #D0D5DD, #F5F7FA, #FF6F61
La tavolozza Next.js Webflow Colorscape ha una combinazione di colori dei codici 6:
ESADECIMALE: #2563eb, RGB: (37, 99, 235); ESADECIMALE: #f5f7fa, RGB: (245, 247, 250); ESADECIMALE: #ff6f61, RGB: (255, 111, 97)
ESADECIMALE: #475569, RGB: (71, 85, 105); ESADECIMALE: #8bc34a, RGB: (139, 195, 74); ESADECIMALE: #d0d5dd, RGB: (208, 213, 221)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di ghostwhite, Tonalità di salmon, Ombra di darkslateblue, Tonalità di Giallo verde, Ombra di lightgrey
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Next.js Webflow Colorscape codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2563eb | #2563eb | RGB(37, 99, 235) | Framework Blue | — |
| #f5f7fa | #f5f7fa | RGB(245, 247, 250) | Static Snow | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Hooked Coral | Living Coral |
| #475569 | #475569 | RGB(71, 85, 105) | SSR Steel | — |
| #8bc34a | #8bc34a | RGB(139, 195, 74) | API Leaf | — |
| #d0d5dd | #d0d5dd | RGB(208, 213, 221) | Event Grey | — |
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 |
#2563eb | #ff6f61 | 1.89 |
#2563eb | #475569 | 1.46 |
#f5f7fa | #8bc34a | 1.95 |
#f5f7fa | #d0d5dd | 1.37 |
#ff6f61 | #8bc34a | 1.29 |
#ff6f61 | #d0d5dd | 1.85 |
Tavolozza immagini Next.js Webflow Colorscape png
Esporta tavolozza
Scarica la "Next.js Webflow Colorscape" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: