Creato a 06/26/2025 08:19
Next.js Component Interface
Build Violet
#7c3aed
Deploy Emerald
#10b981
Server Graphite
#1e293b
Static Sky
#e0f2fe
JSX Cream
#fdf6e3
Hydrate Orange
#fb923c
Dark Router
#111827
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Static Sky #e0f2fe e Hydrate Orange #fb923c. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Next.js Component Interface ha una combinazione di colori dei codici 7:
ESADECIMALE: #7c3aed, RGB: (124, 58, 237); ESADECIMALE: #10b981, RGB: (16, 185, 129); ESADECIMALE: #1e293b, RGB: (30, 41, 59)
ESADECIMALE: #e0f2fe, RGB: (224, 242, 254); ESADECIMALE: #fdf6e3, RGB: (253, 246, 227); ESADECIMALE: #fb923c, RGB: (251, 146, 60)
ESADECIMALE: #111827, RGB: (17, 24, 39)
Versione semplificata della tavolozza dei colori
Ombra di blueviolet, Tonalità di mediumseagreen, Ombra di midnightblue, Tonalità di aliceblue, Ombra di oldlace, Ombra di darkorange, Ombra di Nero
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Next.js Component Interface codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Build Violet | — |
| #10b981 | #10b981 | RGB(16, 185, 129) | Deploy Emerald | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Server Graphite | — |
| #e0f2fe | #e0f2fe | RGB(224, 242, 254) | Static Sky | — |
| #fdf6e3 | #fdf6e3 | RGB(253, 246, 227) | JSX Cream | — |
| #fb923c | #fb923c | RGB(251, 146, 60) | Hydrate Orange | — |
| #111827 | #111827 | RGB(17, 24, 39) | Dark Router | — |
Contrasto della palette di colori
4 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 |
#10b981 | #fb923c | 1.12 |
#1e293b | #111827 | 1.21 |
#e0f2fe | #fdf6e3 | 1.06 |
#e0f2fe | #fb923c | 1.97 |
