Creato a 06/09/2025 16:04
Next.js SSR Spectrum
Page Transition Purple
#826aed
Static Snow
#f4f6fa
Edge Function Blue
#34b3f1
Server Gray
#3c3f58
Dynamic Route Yellow
#ffde59
Client Pink
#ff9aa2
La tavolozza è composta da Leggero colori. Colori accentati Edge Function Blue #34b3f1 e Dynamic Route Yellow #ffde59. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Next.js SSR Spectrum ha una combinazione di colori dei codici 6:
ESADECIMALE: #826aed, RGB: (130, 106, 237); ESADECIMALE: #f4f6fa, RGB: (244, 246, 250); ESADECIMALE: #34b3f1, RGB: (52, 179, 241)
ESADECIMALE: #3c3f58, RGB: (60, 63, 88); ESADECIMALE: #ffde59, RGB: (255, 222, 89); ESADECIMALE: #ff9aa2, RGB: (255, 154, 162)
Versione semplificata della tavolozza dei colori
Ombra di mediumslateblue, Tonalità di ghostwhite, Ombra di deepskyblue, Tonalità di darkslateblue, Ombra di gold, Tonalità di lightpink
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Next.js SSR Spectrum codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #826aed | #826aed | RGB(130, 106, 237) | Page Transition Purple | — |
| #f4f6fa | #f4f6fa | RGB(244, 246, 250) | Static Snow | — |
| #34b3f1 | #34b3f1 | RGB(52, 179, 241) | Edge Function Blue | — |
| #3c3f58 | #3c3f58 | RGB(60, 63, 88) | Server Gray | — |
| #ffde59 | #ffde59 | RGB(255, 222, 89) | Dynamic Route Yellow | — |
| #ff9aa2 | #ff9aa2 | RGB(255, 154, 162) | Client Pink | — |
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 |
#826aed | #34b3f1 | 1.69 |
#826aed | #ff9aa2 | 1.98 |
#f4f6fa | #ffde59 | 1.22 |
#f4f6fa | #ff9aa2 | 1.86 |
#34b3f1 | #ffde59 | 1.78 |
#34b3f1 | #ff9aa2 | 1.17 |
