Creato a 06/05/2025 20:21
React Quantum Flux Palette
- Fiber Neon Blue#0abde3
- JSX Cyber Pink#ff4081
- Hook Plasma Purple#6f1e51
- State Circuit Green#10ac84
- Virtual DOM Shadow#222f3e
- Profiler Glow Yellow#f7b731
La tavolozza è composta da Leggero, Buio colori. Colori accentati Fiber Neon Blue #0abde3 e JSX Cyber Pink #ff4081. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #222F3E (più scuro) a #FF4081 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #0ABDE3, #10AC84, #222F3E, #6F1E51, #F7B731, #FF4081
La tavolozza React Quantum Flux Palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #0abde3, RGB: (10, 189, 227); ESADECIMALE: #ff4081, RGB: (255, 64, 129); ESADECIMALE: #6f1e51, RGB: (111, 30, 81)
ESADECIMALE: #10ac84, RGB: (16, 172, 132); ESADECIMALE: #222f3e, RGB: (34, 47, 62); ESADECIMALE: #f7b731, RGB: (247, 183, 49)
Versione semplificata della tavolozza dei colori
Tonalità di deepskyblue, Ombra di deeppink, Ombra di Viola, Tonalità di mediumseagreen, Ombra di midnightblue, Ombra di goldenrod
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
React Quantum Flux Palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0abde3 | #0abde3 | RGB(10, 189, 227) | Fiber Neon Blue | — |
| #ff4081 | #ff4081 | RGB(255, 64, 129) | JSX Cyber Pink | — |
| #6f1e51 | #6f1e51 | RGB(111, 30, 81) | Hook Plasma Purple | — |
| #10ac84 | #10ac84 | RGB(16, 172, 132) | State Circuit Green | — |
| #222f3e | #222f3e | RGB(34, 47, 62) | Virtual DOM Shadow | — |
| #f7b731 | #f7b731 | RGB(247, 183, 49) | Profiler Glow Yellow | NYC Taxi |
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 |
#0abde3 | #ff4081 | 1.49 |
#0abde3 | #10ac84 | 1.29 |
#0abde3 | #f7b731 | 1.25 |
#ff4081 | #10ac84 | 1.15 |
#ff4081 | #f7b731 | 1.86 |
#6f1e51 | #222f3e | 1.28 |
Tavolozza immagini React Quantum Flux Palette png
Esporta tavolozza
Scarica la "React Quantum Flux Palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: