Creato a 01/19/2026 09:11
Quantum Frontend Engineer UI
- Primary Wave Blue#0a4fff
- Soft Render White#f4f7fb
- Reactive Teal Accent#2dd4bf
- State Change Orange#fb923c
- Shadow Logic Gray#64748b
- Night Mode Ink#020617
La tavolozza è composta da Leggero, Buio colori. Colori accentati Primary Wave Blue #0a4fff e State Change Orange #fb923c. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #020617 (più scuro) a #F4F7FB (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): #020617, #0A4FFF, #2DD4BF, #64748B, #F4F7FB, #FB923C
La tavolozza Quantum Frontend Engineer UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #0a4fff, RGB: (10, 79, 255); ESADECIMALE: #f4f7fb, RGB: (244, 247, 251); ESADECIMALE: #2dd4bf, RGB: (45, 212, 191)
ESADECIMALE: #fb923c, RGB: (251, 146, 60); ESADECIMALE: #64748b, RGB: (100, 116, 139); ESADECIMALE: #020617, RGB: (2, 6, 23)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di ghostwhite, Tonalità di turquoise, Ombra di darkorange, Tonalità di slategrey, Ombra di Nero
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Quantum Frontend Engineer UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0a4fff | #0a4fff | RGB(10, 79, 255) | Primary Wave Blue | — |
| #f4f7fb | #f4f7fb | RGB(244, 247, 251) | Soft Render White | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Reactive Teal Accent | — |
| #fb923c | #fb923c | RGB(251, 146, 60) | State Change Orange | — |
| #64748b | #64748b | RGB(100, 116, 139) | Shadow Logic Gray | — |
| #020617 | #020617 | RGB(2, 6, 23) | Night Mode Ink | — |
Contrasto della palette di colori
3 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 |
#0a4fff | #64748b | 1.23 |
#f4f7fb | #2dd4bf | 1.73 |
#2dd4bf | #fb923c | 1.21 |
Tavolozza immagini Quantum Frontend Engineer UI png
Esporta tavolozza
Scarica la "Quantum Frontend Engineer UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: