Creato a 07/12/2025 20:05
Next-Gen Web Portal Framework
- Landing Page Blue#3a86ff
- Hero Text White#f8f9fa
- Grid Break Taupe#d6ccc2
- Flexbox Aqua#00fff7
- Component Shadow#1e1e24
- Interaction Plum#9b5de5
La tavolozza è composta da Leggero, Buio colori. Colori accentati Grid Break Taupe #d6ccc2 e Flexbox Aqua #00fff7. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #1E1E24 (più scuro) a #F8F9FA (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 3 smorzati e 3 vivaci su 6 colori.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo (3 su 6).
Codici HEX (ordinati): #00FFF7, #1E1E24, #3A86FF, #9B5DE5, #D6CCC2, #F8F9FA
La tavolozza Next-Gen Web Portal Framework ha una combinazione di colori dei codici 6:
ESADECIMALE: #3a86ff, RGB: (58, 134, 255); ESADECIMALE: #f8f9fa, RGB: (248, 249, 250); ESADECIMALE: #d6ccc2, RGB: (214, 204, 194)
ESADECIMALE: #00fff7, RGB: (0, 255, 247); ESADECIMALE: #1e1e24, RGB: (30, 30, 36); ESADECIMALE: #9b5de5, RGB: (155, 93, 229)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Ombra di whitesmoke, Tonalità di lightgrey, Tonalità di cyan, Ombra di Nero, Tonalità di mediumpurple
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Next-Gen Web Portal Framework codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Landing Page Blue | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Hero Text White | — |
| #d6ccc2 | #d6ccc2 | RGB(214, 204, 194) | Grid Break Taupe | — |
| #00fff7 | #00fff7 | RGB(0, 255, 247) | Flexbox Aqua | — |
| #1e1e24 | #1e1e24 | RGB(30, 30, 36) | Component Shadow | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Interaction Plum | — |
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 |
|---|---|---|
#3a86ff | #9b5de5 | 1.18 |
#f8f9fa | #d6ccc2 | 1.5 |
#f8f9fa | #00fff7 | 1.19 |
#d6ccc2 | #00fff7 | 1.25 |
Tavolozza immagini Next-Gen Web Portal Framework png
Esporta tavolozza
Scarica la "Next-Gen Web Portal Framework" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: