Creato a 06/06/2025 10:51
Next.js Interface Aurora
- Route Sky Beam#d0f0fd
- Static Sand Cream#faeee0
- Middleware Ruby Smoke#9d174d
- Dynamic Snowmint#ebfff8
- Edge Indigo#3e4c93
- API Black Iron#141414
La tavolozza è composta da Leggero, Buio colori. Colori accentati Middleware Ruby Smoke #9d174d e Dynamic Snowmint #ebfff8. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #141414 (più scuro) a #EBFFF8 (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): #141414, #3E4C93, #9D174D, #D0F0FD, #EBFFF8, #FAEEE0
La tavolozza Next.js Interface Aurora ha una combinazione di colori dei codici 6:
ESADECIMALE: #d0f0fd, RGB: (208, 240, 253); ESADECIMALE: #faeee0, RGB: (250, 238, 224); ESADECIMALE: #9d174d, RGB: (157, 23, 77)
ESADECIMALE: #ebfff8, RGB: (235, 255, 248); ESADECIMALE: #3e4c93, RGB: (62, 76, 147); ESADECIMALE: #141414, RGB: (20, 20, 20)
Versione semplificata della tavolozza dei colori
Ombra di lightblue, Tonalità di linen, Tonalità di mediumvioletred, Tonalità di honeydew, Ombra di darkslateblue, Ombra di Nero
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Next.js Interface Aurora codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d0f0fd | #d0f0fd | RGB(208, 240, 253) | Route Sky Beam | — |
| #faeee0 | #faeee0 | RGB(250, 238, 224) | Static Sand Cream | — |
| #9d174d | #9d174d | RGB(157, 23, 77) | Middleware Ruby Smoke | — |
| #ebfff8 | #ebfff8 | RGB(235, 255, 248) | Dynamic Snowmint | — |
| #3e4c93 | #3e4c93 | RGB(62, 76, 147) | Edge Indigo | — |
| #141414 | #141414 | RGB(20, 20, 20) | API Black Iron | Sooty |
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 |
#d0f0fd | #faeee0 | 1.04 |
#d0f0fd | #ebfff8 | 1.14 |
#faeee0 | #ebfff8 | 1.09 |
#9d174d | #3e4c93 | 1 |
Tavolozza immagini Next.js Interface Aurora png
Esporta tavolozza
Scarica la "Next.js Interface Aurora" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: