Creato a 08/16/2025 08:04
Quantum UI Adaptive Circuit
- Circuit Green#69f0ae
- Quantum Indigo#3f51b5
- UI Orange#ff7043
- Hyper Violet#ab47bc
- Contrast Black#1c1c1c
- Surface White#ffffff
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Circuit Green #69f0ae e UI Orange #ff7043. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #1C1C1C (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1C1C1C, #3F51B5, #69F0AE, #AB47BC, #FF7043, #FFFFFF
La tavolozza Quantum UI Adaptive Circuit ha una combinazione di colori dei codici 6:
ESADECIMALE: #69f0ae, RGB: (105, 240, 174); ESADECIMALE: #3f51b5, RGB: (63, 81, 181); ESADECIMALE: #ff7043, RGB: (255, 112, 67)
ESADECIMALE: #ab47bc, RGB: (171, 71, 188); ESADECIMALE: #1c1c1c, RGB: (28, 28, 28); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Ombra di mediumspringgreen, Tonalità di slateblue, Tonalità di coral, Tonalità di mediumorchid, Ombra di Nero, Bianco
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Quantum UI Adaptive Circuit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #69f0ae | #69f0ae | RGB(105, 240, 174) | Circuit Green | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Quantum Indigo | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | UI Orange | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | Hyper Violet | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Contrast Black | Gray11 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
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 |
#69f0ae | #ff7043 | 1.91 |
#69f0ae | #ffffff | 1.43 |
#3f51b5 | #ab47bc | 1.42 |
#ff7043 | #ab47bc | 1.75 |
Tavolozza immagini Quantum UI Adaptive Circuit png
Esporta tavolozza
Scarica la "Quantum UI Adaptive Circuit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: