Creato a 07/11/2025 09:06
Quantum Component UI Toolkit
Plasma Orange
#ff6b35
Synapse Teal
#30d5c8
Neural Drift Black
#1c1c1e
Hyperlink White
#f9fafc
Data Point Grey
#e0e0e0
Server Rack Blue
#34568b
React Coral
#ff5e5b
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Plasma Orange #ff6b35 e Synapse Teal #30d5c8. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
La tavolozza Quantum Component UI Toolkit ha una combinazione di colori dei codici 7:
ESADECIMALE: #ff6b35, RGB: (255, 107, 53); ESADECIMALE: #30d5c8, RGB: (48, 213, 200); ESADECIMALE: #1c1c1e, RGB: (28, 28, 30)
ESADECIMALE: #f9fafc, RGB: (249, 250, 252); ESADECIMALE: #e0e0e0, RGB: (224, 224, 224); ESADECIMALE: #34568b, RGB: (52, 86, 139)
ESADECIMALE: #ff5e5b, RGB: (255, 94, 91)
Versione semplificata della tavolozza dei colori
Tonalità di coral, Tonalità di turquoise, Ombra di Nero, Ombra di whitesmoke, Ombra di gainsboro, Ombra di darkslateblue, Tonalità di tomato
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Quantum Component UI Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ff6b35 | #ff6b35 | RGB(255, 107, 53) | Plasma Orange | — |
| #30d5c8 | #30d5c8 | RGB(48, 213, 200) | Synapse Teal | Turquoise Panic |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Neural Drift Black | — |
| #f9fafc | #f9fafc | RGB(249, 250, 252) | Hyperlink White | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Data Point Grey | Gray88 |
| #34568b | #34568b | RGB(52, 86, 139) | Server Rack Blue | — |
| #ff5e5b | #ff5e5b | RGB(255, 94, 91) | React Coral | — |
Contrasto della palette di colori
6 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 |
#ff6b35 | #30d5c8 | 1.54 |
#ff6b35 | #ff5e5b | 1.05 |
#30d5c8 | #f9fafc | 1.75 |
#30d5c8 | #e0e0e0 | 1.38 |
#30d5c8 | #ff5e5b | 1.63 |
#f9fafc | #e0e0e0 | 1.26 |
Tavolozza immagini Quantum Component UI Toolkit png
Esporta tavolozza
Scarica la "Quantum Component UI Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: