Creato a 12/26/2025 12:40
Augmented Reality Developer Toolkit UI Palette
- Marker Black#020617
- Projection Cyan#22d3ee
- Interaction Violet#8b5cf6
- HUD Amber#fbbf24
- Overlay Gray#64748b
- Scene White#f8fafc
La tavolozza è composta da Buio, Leggero colori. Colori accentati Interaction Violet #8b5cf6 e HUD Amber #fbbf24. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #020617 (più scuro) a #F8FAFC (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, #22D3EE, #64748B, #8B5CF6, #F8FAFC, #FBBF24
La tavolozza Augmented Reality Developer Toolkit UI Palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #020617, RGB: (2, 6, 23); ESADECIMALE: #22d3ee, RGB: (34, 211, 238); ESADECIMALE: #8b5cf6, RGB: (139, 92, 246)
ESADECIMALE: #fbbf24, RGB: (251, 191, 36); ESADECIMALE: #64748b, RGB: (100, 116, 139); ESADECIMALE: #f8fafc, RGB: (248, 250, 252)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Ombra di darkturquoise, Tonalità di mediumslateblue, Ombra di goldenrod, Tonalità di slategrey, Ombra di whitesmoke
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Augmented Reality Developer Toolkit UI Palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #020617 | #020617 | RGB(2, 6, 23) | Marker Black | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Projection Cyan | — |
| #8b5cf6 | #8b5cf6 | RGB(139, 92, 246) | Interaction Violet | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | HUD Amber | — |
| #64748b | #64748b | RGB(100, 116, 139) | Overlay Gray | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Scene 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 |
#22d3ee | #fbbf24 | 1.08 |
#22d3ee | #f8fafc | 1.72 |
#8b5cf6 | #64748b | 1.12 |
#fbbf24 | #f8fafc | 1.59 |
Tavolozza immagini Augmented Reality Developer Toolkit UI Palette png
Esporta tavolozza
Scarica la "Augmented Reality Developer Toolkit UI Palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: