Creato a 07/14/2025 07:45
Next.js Dashboard Interface Palette
Static Black
#0f0f0f
Page White
#fdfdfd
SSR Indigo
#5c6bc0
Component Grey
#9da5b4
Hook Pink
#fca3b7
Build Lime
#c9f658
La tavolozza è composta da Buio, Leggero colori. Colori accentati Component Grey #9da5b4 e Hook Pink #fca3b7. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
La tavolozza Next.js Dashboard Interface Palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #0f0f0f, RGB: (15, 15, 15); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #5c6bc0, RGB: (92, 107, 192)
ESADECIMALE: #9da5b4, RGB: (157, 165, 180); ESADECIMALE: #fca3b7, RGB: (252, 163, 183); ESADECIMALE: #c9f658, RGB: (201, 246, 88)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Tonalità di Bianco, Ombra di royalblue, Tonalità di darkgrey, Tonalità di lightpink, Ombra di greenyellow
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Next.js Dashboard Interface Palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Static Black | Chaos Black |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Page White | Brilliance |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | SSR Indigo | — |
| #9da5b4 | #9da5b4 | RGB(157, 165, 180) | Component Grey | — |
| #fca3b7 | #fca3b7 | RGB(252, 163, 183) | Hook Pink | — |
| #c9f658 | #c9f658 | RGB(201, 246, 88) | Build Lime | — |
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 |
#fdfdfd | #fca3b7 | 1.86 |
#fdfdfd | #c9f658 | 1.22 |
#5c6bc0 | #9da5b4 | 1.96 |
#9da5b4 | #fca3b7 | 1.3 |
#9da5b4 | #c9f658 | 1.98 |
#fca3b7 | #c9f658 | 1.51 |
