Creato a 08/18/2025 08:21
Augmented UI Storytelling Prism
- Overlay Purple#7c3aed
- Narrative Yellow#fcd34d
- Wireframe White#ffffff
- Backdrop Gray#94a3b8
- Portal Cyan#22d3ee
- Contrast Black#111827
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Narrative Yellow #fcd34d e Portal Cyan #22d3ee. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #111827 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #111827, #22D3EE, #7C3AED, #94A3B8, #FCD34D, #FFFFFF
La tavolozza Augmented UI Storytelling Prism ha una combinazione di colori dei codici 6:
ESADECIMALE: #7c3aed, RGB: (124, 58, 237); ESADECIMALE: #fcd34d, RGB: (252, 211, 77); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
ESADECIMALE: #94a3b8, RGB: (148, 163, 184); ESADECIMALE: #22d3ee, RGB: (34, 211, 238); ESADECIMALE: #111827, RGB: (17, 24, 39)
Versione semplificata della tavolozza dei colori
Ombra di blueviolet, Ombra di gold, Bianco, Ombra di lightslategrey, Ombra di darkturquoise, Ombra di Nero
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Augmented UI Storytelling Prism codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Overlay Purple | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Narrative Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Wireframe White | White |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Backdrop Gray | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Portal Cyan | — |
| #111827 | #111827 | RGB(17, 24, 39) | Contrast Black | — |
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 |
#fcd34d | #ffffff | 1.44 |
#fcd34d | #94a3b8 | 1.77 |
#fcd34d | #22d3ee | 1.25 |
#ffffff | #22d3ee | 1.8 |
#94a3b8 | #22d3ee | 1.41 |
Tavolozza immagini Augmented UI Storytelling Prism png
Esporta tavolozza
Scarica la "Augmented UI Storytelling Prism" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: