Creato a 07/22/2025 16:58
Next.js Themed Semantic Palette
- Static Silver#d6d6d6
- Dynamic Teal#009688
- Hydration Blue#0277bd
- Props Beige#fff5e4
- Component Yellow#fce762
- Middleware Navy#0b0b45
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Dynamic Teal #009688 e Props Beige #fff5e4. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #0B0B45 (più scuro) a #FFF5E4 (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): #009688, #0277BD, #0B0B45, #D6D6D6, #FCE762, #FFF5E4
La tavolozza Next.js Themed Semantic Palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #d6d6d6, RGB: (214, 214, 214); ESADECIMALE: #009688, RGB: (0, 150, 136); ESADECIMALE: #0277bd, RGB: (2, 119, 189)
ESADECIMALE: #fff5e4, RGB: (255, 245, 228); ESADECIMALE: #fce762, RGB: (252, 231, 98); ESADECIMALE: #0b0b45, RGB: (11, 11, 69)
Versione semplificata della tavolozza dei colori
Ombra di lightgrey, Ombra di darkcyan, Tonalità di steelblue, Ombra di oldlace, Tonalità di Cachi, Tonalità di midnightblue
La combinazione di colori è stata creata da coolor
Altre tavolozze con:
Codici colori nella tavolozza
Next.js Themed Semantic Palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d6d6d6 | #d6d6d6 | RGB(214, 214, 214) | Static Silver | Silver Medal |
| #009688 | #009688 | RGB(0, 150, 136) | Dynamic Teal | — |
| #0277bd | #0277bd | RGB(2, 119, 189) | Hydration Blue | — |
| #fff5e4 | #fff5e4 | RGB(255, 245, 228) | Props Beige | Silky Tofu |
| #fce762 | #fce762 | RGB(252, 231, 98) | Component Yellow | — |
| #0b0b45 | #0b0b45 | RGB(11, 11, 69) | Middleware Navy | — |
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 |
#d6d6d6 | #fff5e4 | 1.34 |
#d6d6d6 | #fce762 | 1.15 |
#009688 | #0277bd | 1.3 |
#fff5e4 | #fce762 | 1.16 |
Tavolozza immagini Next.js Themed Semantic Palette png
Esporta tavolozza
Scarica la "Next.js Themed Semantic Palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: