Creato a 07/04/2025 20:12
Next.js Startup Console
- Terminal Green#32cd32
- Framework Charcoal#1e1e1e
- Compile Blue#98c1d9
- Push Orange#ff944d
- Preview Lilac#bca7ff
- Soft Grid#f6f6f6
La tavolozza è composta da Leggero, Buio colori. Colori accentati Push Orange #ff944d e Preview Lilac #bca7ff. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1E1E1E (più scuro) a #F6F6F6 (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): #1E1E1E, #32CD32, #98C1D9, #BCA7FF, #F6F6F6, #FF944D
La tavolozza Next.js Startup Console ha una combinazione di colori dei codici 6:
ESADECIMALE: #32cd32, RGB: (50, 205, 50); ESADECIMALE: #1e1e1e, RGB: (30, 30, 30); ESADECIMALE: #98c1d9, RGB: (152, 193, 217)
ESADECIMALE: #ff944d, RGB: (255, 148, 77); ESADECIMALE: #bca7ff, RGB: (188, 167, 255); ESADECIMALE: #f6f6f6, RGB: (246, 246, 246)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Tonalità di skyblue, Tonalità di sandybrown, Tonalità di lightsteelblue, Ombra di whitesmoke
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Next.js Startup Console codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #32cd32 | #32cd32 | RGB(50, 205, 50) | Terminal Green | Poisonous Pesticide |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Framework Charcoal | — |
| #98c1d9 | #98c1d9 | RGB(152, 193, 217) | Compile Blue | — |
| #ff944d | #ff944d | RGB(255, 148, 77) | Push Orange | — |
| #bca7ff | #bca7ff | RGB(188, 167, 255) | Preview Lilac | — |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Soft Grid | — |
Contrasto della palette di colori
9 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 |
#32cd32 | #98c1d9 | 1.1 |
#32cd32 | #ff944d | 1.03 |
#32cd32 | #bca7ff | 1.01 |
#32cd32 | #f6f6f6 | 1.95 |
#98c1d9 | #ff944d | 1.14 |
#98c1d9 | #bca7ff | 1.08 |
Tavolozza immagini Next.js Startup Console png
Esporta tavolozza
Scarica la "Next.js Startup Console" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: