Creato a 08/14/2025 14:57
Quantum UI Interaction Grid
Photon Yellow
#ffeb3b
Vector Blue
#42a5f5
UX Coral
#ff6f61
Prototype Charcoal
#263238
User Path White
#fdfdfd
State Pink
#f48fb1
La tavolozza è composta da Leggero, Buio colori. Colori accentati Photon Yellow #ffeb3b e Vector Blue #42a5f5. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
La tavolozza Quantum UI Interaction Grid ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffeb3b, RGB: (255, 235, 59); ESADECIMALE: #42a5f5, RGB: (66, 165, 245); ESADECIMALE: #ff6f61, RGB: (255, 111, 97)
ESADECIMALE: #263238, RGB: (38, 50, 56); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #f48fb1, RGB: (244, 143, 177)
Versione semplificata della tavolozza dei colori
Tonalità di Giallo, Ombra di dodgerblue, Tonalità di salmon, Tonalità di darkslategrey, Tonalità di Bianco, Ombra di palevioletred
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Quantum UI Interaction Grid codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Photon Yellow | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Vector Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | UX Coral | Living Coral |
| #263238 | #263238 | RGB(38, 50, 56) | Prototype Charcoal | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | User Path White | Brilliance |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | State Pink | — |
Contrasto della palette di colori
5 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 |
#ffeb3b | #fdfdfd | 1.2 |
#ffeb3b | #f48fb1 | 1.82 |
#42a5f5 | #ff6f61 | 1.03 |
#42a5f5 | #f48fb1 | 1.18 |
#ff6f61 | #f48fb1 | 1.22 |
Tavolozza immagini Quantum UI Interaction Grid png
Esporta tavolozza
Scarica la "Quantum UI Interaction Grid" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: