Creato a 06/06/2025 10:50
Next.js Lumen Structure
- Dynamic Ice#e8f6f3
- Image Soft Peach#ffb4a2
- Route Steel Gray#2a2a2a
- Static Pale Lilac#f0eafe
- Build Teal Mist#b5eaea
- Middleware Burgundy#8d3f72
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Image Soft Peach #ffb4a2 e Build Teal Mist #b5eaea. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #2A2A2A (più scuro) a #F0EAFE (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #2A2A2A, #8D3F72, #B5EAEA, #E8F6F3, #F0EAFE, #FFB4A2
La tavolozza Next.js Lumen Structure ha una combinazione di colori dei codici 6:
ESADECIMALE: #e8f6f3, RGB: (232, 246, 243); ESADECIMALE: #ffb4a2, RGB: (255, 180, 162); ESADECIMALE: #2a2a2a, RGB: (42, 42, 42)
ESADECIMALE: #f0eafe, RGB: (240, 234, 254); ESADECIMALE: #b5eaea, RGB: (181, 234, 234); ESADECIMALE: #8d3f72, RGB: (141, 63, 114)
Versione semplificata della tavolozza dei colori
Tonalità di mintcream, Ombra di lightsalmon, Ombra di Nero, Ombra di lavender, Tonalità di paleturquoise, Ombra di mediumvioletred
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Next.js Lumen Structure codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #e8f6f3 | #e8f6f3 | RGB(232, 246, 243) | Dynamic Ice | — |
| #ffb4a2 | #ffb4a2 | RGB(255, 180, 162) | Image Soft Peach | — |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Route Steel Gray | The End |
| #f0eafe | #f0eafe | RGB(240, 234, 254) | Static Pale Lilac | — |
| #b5eaea | #b5eaea | RGB(181, 234, 234) | Build Teal Mist | — |
| #8d3f72 | #8d3f72 | RGB(141, 63, 114) | Middleware Burgundy | — |
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 |
#e8f6f3 | #ffb4a2 | 1.53 |
#e8f6f3 | #f0eafe | 1.05 |
#e8f6f3 | #b5eaea | 1.18 |
#ffb4a2 | #f0eafe | 1.45 |
#ffb4a2 | #b5eaea | 1.29 |
#f0eafe | #b5eaea | 1.12 |
Tavolozza immagini Next.js Lumen Structure png
Esporta tavolozza
Scarica la "Next.js Lumen Structure" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: