Creato a 07/19/2025 07:42
Augmented Cognition UI Stack
- Perception Pink#f9a8d4
- Context Map Indigo#818cf8
- Neuro Input Gray#a1a1aa
- Cognitive Load Yellow#fcd34d
- Focus Blue#60a5fa
- Insight Panel White#fafafa
La tavolozza è composta da Leggero colori. Colori accentati Cognitive Load Yellow #fcd34d e Focus Blue #60a5fa. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #FCD34D (più scuro) a #FAFAFA (più chiaro). L’intervallo di luminosità è moderato.
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): #60A5FA, #818CF8, #A1A1AA, #F9A8D4, #FAFAFA, #FCD34D
La tavolozza Augmented Cognition UI Stack ha una combinazione di colori dei codici 6:
ESADECIMALE: #f9a8d4, RGB: (249, 168, 212); ESADECIMALE: #818cf8, RGB: (129, 140, 248); ESADECIMALE: #a1a1aa, RGB: (161, 161, 170)
ESADECIMALE: #fcd34d, RGB: (252, 211, 77); ESADECIMALE: #60a5fa, RGB: (96, 165, 250); ESADECIMALE: #fafafa, RGB: (250, 250, 250)
Versione semplificata della tavolozza dei colori
Ombra di plum, Ombra di cornflowerblue, Tonalità di darkgrey, Ombra di gold, Ombra di cornflowerblue, Ombra di whitesmoke
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Augmented Cognition UI Stack codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Perception Pink | — |
| #818cf8 | #818cf8 | RGB(129, 140, 248) | Context Map Indigo | — |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Neuro Input Gray | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Cognitive Load Yellow | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Focus Blue | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Insight Panel White | Dr. White |
Contrasto della palette di colori
11 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 |
#f9a8d4 | #818cf8 | 1.64 |
#f9a8d4 | #a1a1aa | 1.41 |
#f9a8d4 | #fcd34d | 1.25 |
#f9a8d4 | #60a5fa | 1.4 |
#f9a8d4 | #fafafa | 1.73 |
#818cf8 | #a1a1aa | 1.16 |
Tavolozza immagini Augmented Cognition UI Stack png
Esporta tavolozza
Scarica la "Augmented Cognition UI Stack" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: