Creato a 07/23/2025 08:38
NextJS AI Tools Light Theme UX
- Static Cream#faf9f6
- SSR Navy#003049
- Dynamic Blush#ff99c8
- Hook Sky#70d6ff
- Route White#fffdfd
- Token Slate#7c8b95
La tavolozza è composta da Leggero, Buio colori. Colori accentati Hook Sky #70d6ff e Route White #fffdfd. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #003049 (più scuro) a #FFFDFD (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): #003049, #70D6FF, #7C8B95, #FAF9F6, #FF99C8, #FFFDFD
La tavolozza NextJS AI Tools Light Theme UX ha una combinazione di colori dei codici 6:
ESADECIMALE: #faf9f6, RGB: (250, 249, 246); ESADECIMALE: #003049, RGB: (0, 48, 73); ESADECIMALE: #ff99c8, RGB: (255, 153, 200)
ESADECIMALE: #70d6ff, RGB: (112, 214, 255); ESADECIMALE: #fffdfd, RGB: (255, 253, 253); ESADECIMALE: #7c8b95, RGB: (124, 139, 149)
Versione semplificata della tavolozza dei colori
Ombra di whitesmoke, Ombra di midnightblue, Ombra di plum, Ombra di skyblue, Tonalità di Bianco, Ombra di lightslategrey
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
NextJS AI Tools Light Theme UX codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Static Cream | — |
| #003049 | #003049 | RGB(0, 48, 73) | SSR Navy | — |
| #ff99c8 | #ff99c8 | RGB(255, 153, 200) | Dynamic Blush | — |
| #70d6ff | #70d6ff | RGB(112, 214, 255) | Hook Sky | — |
| #fffdfd | #fffdfd | RGB(255, 253, 253) | Route White | Whitecap Snow |
| #7c8b95 | #7c8b95 | RGB(124, 139, 149) | Token Slate | — |
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 |
#faf9f6 | #ff99c8 | 1.87 |
#faf9f6 | #70d6ff | 1.56 |
#faf9f6 | #fffdfd | 1.03 |
#ff99c8 | #70d6ff | 1.19 |
#ff99c8 | #fffdfd | 1.94 |
#ff99c8 | #7c8b95 | 1.77 |
Tavolozza immagini NextJS AI Tools Light Theme UX png
Esporta tavolozza
Scarica la "NextJS AI Tools Light Theme UX" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: