Creato a 06/24/2025 17:24
Next.js Multi-Theme Starter
- Light Surface Sand#fdf6ec
- Dark Mode Ink#1b1c1d
- Primary Orchid#d4a1ff
- CTA Blue Bolt#59c7ff
- Accent Blush#ff9f9f
- Divider Fog Gray#d6d8da
La tavolozza è composta da Leggero, Buio colori. Colori accentati CTA Blue Bolt #59c7ff e Accent Blush #ff9f9f. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1B1C1D (più scuro) a #FDF6EC (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): #1B1C1D, #59C7FF, #D4A1FF, #D6D8DA, #FDF6EC, #FF9F9F
La tavolozza Next.js Multi-Theme Starter ha una combinazione di colori dei codici 6:
ESADECIMALE: #fdf6ec, RGB: (253, 246, 236); ESADECIMALE: #1b1c1d, RGB: (27, 28, 29); ESADECIMALE: #d4a1ff, RGB: (212, 161, 255)
ESADECIMALE: #59c7ff, RGB: (89, 199, 255); ESADECIMALE: #ff9f9f, RGB: (255, 159, 159); ESADECIMALE: #d6d8da, RGB: (214, 216, 218)
Versione semplificata della tavolozza dei colori
Tonalità di floralwhite, Ombra di Nero, Ombra di plum, Ombra di deepskyblue, Ombra di lightcoral, Ombra di lightgrey
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Next.js Multi-Theme Starter codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Light Surface Sand | — |
| #1b1c1d | #1b1c1d | RGB(27, 28, 29) | Dark Mode Ink | — |
| #d4a1ff | #d4a1ff | RGB(212, 161, 255) | Primary Orchid | — |
| #59c7ff | #59c7ff | RGB(89, 199, 255) | CTA Blue Bolt | — |
| #ff9f9f | #ff9f9f | RGB(255, 159, 159) | Accent Blush | — |
| #d6d8da | #d6d8da | RGB(214, 216, 218) | Divider Fog Gray | — |
Contrasto della palette di colori
10 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 |
#fdf6ec | #d4a1ff | 1.89 |
#fdf6ec | #59c7ff | 1.77 |
#fdf6ec | #ff9f9f | 1.82 |
#fdf6ec | #d6d8da | 1.33 |
#d4a1ff | #59c7ff | 1.06 |
#d4a1ff | #ff9f9f | 1.03 |
Tavolozza immagini Next.js Multi-Theme Starter png
Esporta tavolozza
Scarica la "Next.js Multi-Theme Starter" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: