Creato a 06/20/2025 17:01
Mobile Interaction Pattern Guide
- Gesture Peach#ffcba4
- Tap Graphite#2f2e33
- Swipe Sky#9ed8f3
- Form Eggshell#fffbf5
- Nav Plum#7a4eab
- Alert Red#f44336
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Swipe Sky #9ed8f3 e Form Eggshell #fffbf5. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #2F2E33 (più scuro) a #FFFBF5 (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): #2F2E33, #7A4EAB, #9ED8F3, #F44336, #FFCBA4, #FFFBF5
La tavolozza Mobile Interaction Pattern Guide ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffcba4, RGB: (255, 203, 164); ESADECIMALE: #2f2e33, RGB: (47, 46, 51); ESADECIMALE: #9ed8f3, RGB: (158, 216, 243)
ESADECIMALE: #fffbf5, RGB: (255, 251, 245); ESADECIMALE: #7a4eab, RGB: (122, 78, 171); ESADECIMALE: #f44336, RGB: (244, 67, 54)
Versione semplificata della tavolozza dei colori
Tonalità di peachpuff, Ombra di Nero, Ombra di skyblue, Ombra di floralwhite, Tonalità di slateblue, Tonalità di tomato
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Mobile Interaction Pattern Guide codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffcba4 | #ffcba4 | RGB(255, 203, 164) | Gesture Peach | Corn Kernel |
| #2f2e33 | #2f2e33 | RGB(47, 46, 51) | Tap Graphite | — |
| #9ed8f3 | #9ed8f3 | RGB(158, 216, 243) | Swipe Sky | — |
| #fffbf5 | #fffbf5 | RGB(255, 251, 245) | Form Eggshell | — |
| #7a4eab | #7a4eab | RGB(122, 78, 171) | Nav Plum | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Alert Red | — |
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 |
#ffcba4 | #9ed8f3 | 1.05 |
#ffcba4 | #fffbf5 | 1.42 |
#9ed8f3 | #fffbf5 | 1.5 |
#7a4eab | #f44336 | 1.62 |
Tavolozza immagini Mobile Interaction Pattern Guide png
Esporta tavolozza
Scarica la "Mobile Interaction Pattern Guide" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: