Creato a 06/09/2025 08:13
Context-Aware Interaction Panel
- Intent Cyan#a0fff1
- Condition Purple#baabda
- Response Fog#f3f4f6
- Option Peach#ffd6c0
- Focus Charcoal#1f1f1f
- State Blush#fdc5dc
La tavolozza è composta da Leggero, Buio colori. Colori accentati Intent Cyan #a0fff1 e Option Peach #ffd6c0. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1F1F1F (più scuro) a #F3F4F6 (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): #1F1F1F, #A0FFF1, #BAABDA, #F3F4F6, #FDC5DC, #FFD6C0
La tavolozza Context-Aware Interaction Panel ha una combinazione di colori dei codici 6:
ESADECIMALE: #a0fff1, RGB: (160, 255, 241); ESADECIMALE: #baabda, RGB: (186, 171, 218); ESADECIMALE: #f3f4f6, RGB: (243, 244, 246)
ESADECIMALE: #ffd6c0, RGB: (255, 214, 192); ESADECIMALE: #1f1f1f, RGB: (31, 31, 31); ESADECIMALE: #fdc5dc, RGB: (253, 197, 220)
Versione semplificata della tavolozza dei colori
Ombra di paleturquoise, Tonalità di thistle, Tonalità di whitesmoke, Tonalità di peachpuff, Ombra di Nero, Ombra di Rosa
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Context-Aware Interaction Panel codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #a0fff1 | #a0fff1 | RGB(160, 255, 241) | Intent Cyan | — |
| #baabda | #baabda | RGB(186, 171, 218) | Condition Purple | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Response Fog | — |
| #ffd6c0 | #ffd6c0 | RGB(255, 214, 192) | Option Peach | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Focus Charcoal | Gray12 |
| #fdc5dc | #fdc5dc | RGB(253, 197, 220) | State Blush | — |
Contrasto della palette di colori
10 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 |
#a0fff1 | #baabda | 1.82 |
#a0fff1 | #f3f4f6 | 1.05 |
#a0fff1 | #ffd6c0 | 1.15 |
#a0fff1 | #fdc5dc | 1.27 |
#baabda | #f3f4f6 | 1.92 |
#baabda | #ffd6c0 | 1.57 |
Tavolozza immagini Context-Aware Interaction Panel png
Esporta tavolozza
Scarica la "Context-Aware Interaction Panel" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: