Creato a 06/30/2025 17:46
Next.js Dashboard Gradient
- SSR Purple#6c5ce7
- API Fog#d3d3d3
- UI Button Blue#0984e3
- Analytics Maroon#b53471
- Sidebar Sand#fff0d5
- Deploy Carbon#333333
- Query Leaf#2ecc71
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati UI Button Blue #0984e3 e Sidebar Sand #fff0d5. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #333333 (più scuro) a #FFF0D5 (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): #0984E3, #2ECC71, #333333, #6C5CE7, #B53471, #D3D3D3, #FFF0D5
La tavolozza Next.js Dashboard Gradient ha una combinazione di colori dei codici 7:
ESADECIMALE: #6c5ce7, RGB: (108, 92, 231); ESADECIMALE: #d3d3d3, RGB: (211, 211, 211); ESADECIMALE: #0984e3, RGB: (9, 132, 227)
ESADECIMALE: #b53471, RGB: (181, 52, 113); ESADECIMALE: #fff0d5, RGB: (255, 240, 213); ESADECIMALE: #333333, RGB: (51, 51, 51)
ESADECIMALE: #2ecc71, RGB: (46, 204, 113)
Versione semplificata della tavolozza dei colori
Tonalità di mediumslateblue, Tonalità di dodgerblue, Ombra di mediumvioletred, Ombra di papayawhip, Ombra di Nero, Ombra di mediumseagreen
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Next.js Dashboard Gradient codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #6c5ce7 | #6c5ce7 | RGB(108, 92, 231) | SSR Purple | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | API Fog | Pinball |
| #0984e3 | #0984e3 | RGB(9, 132, 227) | UI Button Blue | — |
| #b53471 | #b53471 | RGB(181, 52, 113) | Analytics Maroon | — |
| #fff0d5 | #fff0d5 | RGB(255, 240, 213) | Sidebar Sand | — |
| #333333 | #333333 | RGB(51, 51, 51) | Deploy Carbon | Carbon |
| #2ecc71 | #2ecc71 | RGB(46, 204, 113) | Query Leaf | — |
Contrasto della palette di colori
7 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 |
|---|---|---|
#6c5ce7 | #0984e3 | 1.25 |
#6c5ce7 | #b53471 | 1.16 |
#d3d3d3 | #fff0d5 | 1.33 |
#d3d3d3 | #2ecc71 | 1.4 |
#0984e3 | #b53471 | 1.46 |
#0984e3 | #2ecc71 | 1.84 |
Tavolozza immagini Next.js Dashboard Gradient png
Esporta tavolozza
Scarica la "Next.js Dashboard Gradient" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: