Creato a 06/13/2025 10:19
Next.js SSR Interface
- Server Sand#e8ded1
- Route Deep Blue#4361ee
- Client Blush#ffb5a7
- JSX Sky#72ddf7
- Hydrate Ink#343a40
- Static Mist#f7f9fb
La tavolozza è composta da Leggero colori. Colori accentati Client Blush #ffb5a7 e JSX Sky #72ddf7. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #343A40 (più scuro) a #F7F9FB (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): #343A40, #4361EE, #72DDF7, #E8DED1, #F7F9FB, #FFB5A7
La tavolozza Next.js SSR Interface ha una combinazione di colori dei codici 6:
ESADECIMALE: #e8ded1, RGB: (232, 222, 209); ESADECIMALE: #4361ee, RGB: (67, 97, 238); ESADECIMALE: #ffb5a7, RGB: (255, 181, 167)
ESADECIMALE: #72ddf7, RGB: (114, 221, 247); ESADECIMALE: #343a40, RGB: (52, 58, 64); ESADECIMALE: #f7f9fb, RGB: (247, 249, 251)
Versione semplificata della tavolozza dei colori
Tonalità di antiquewhite, Tonalità di royalblue, Ombra di darksalmon, Ombra di skyblue, Tonalità di darkslategrey, Ombra di whitesmoke
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Next.js SSR Interface codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #e8ded1 | #e8ded1 | RGB(232, 222, 209) | Server Sand | — |
| #4361ee | #4361ee | RGB(67, 97, 238) | Route Deep Blue | — |
| #ffb5a7 | #ffb5a7 | RGB(255, 181, 167) | Client Blush | — |
| #72ddf7 | #72ddf7 | RGB(114, 221, 247) | JSX Sky | — |
| #343a40 | #343a40 | RGB(52, 58, 64) | Hydrate Ink | — |
| #f7f9fb | #f7f9fb | RGB(247, 249, 251) | Static Mist | — |
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 |
#e8ded1 | #ffb5a7 | 1.27 |
#e8ded1 | #72ddf7 | 1.17 |
#e8ded1 | #f7f9fb | 1.25 |
#ffb5a7 | #72ddf7 | 1.07 |
#ffb5a7 | #f7f9fb | 1.6 |
#72ddf7 | #f7f9fb | 1.48 |
Tavolozza immagini Next.js SSR Interface png
Esporta tavolozza
Scarica la "Next.js SSR Interface" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: