Creato a 07/28/2025 19:49
Mobile Microinteraction Design System
- Swipe Teal#00d8c0
- Tap Coral#ff9aa2
- Vibrate Yellow#fff6a5
- Hold Gray#dadada
- Bounce Blue#56ccf2
- Screen White#fbfbfb
La tavolozza è composta da Leggero colori. Colori accentati Vibrate Yellow #fff6a5 e Bounce Blue #56ccf2. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #00D8C0 (più scuro) a #FBFBFB (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #00D8C0, #56CCF2, #DADADA, #FBFBFB, #FF9AA2, #FFF6A5
La tavolozza Mobile Microinteraction Design System ha una combinazione di colori dei codici 6:
ESADECIMALE: #00d8c0, RGB: (0, 216, 192); ESADECIMALE: #ff9aa2, RGB: (255, 154, 162); ESADECIMALE: #fff6a5, RGB: (255, 246, 165)
ESADECIMALE: #dadada, RGB: (218, 218, 218); ESADECIMALE: #56ccf2, RGB: (86, 204, 242); ESADECIMALE: #fbfbfb, RGB: (251, 251, 251)
Versione semplificata della tavolozza dei colori
Tonalità di turquoise, Tonalità di lightpink, Ombra di Cachi, Tonalità di gainsboro, Tonalità di skyblue, Tonalità di Bianco
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Mobile Microinteraction Design System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #00d8c0 | #00d8c0 | RGB(0, 216, 192) | Swipe Teal | — |
| #ff9aa2 | #ff9aa2 | RGB(255, 154, 162) | Tap Coral | — |
| #fff6a5 | #fff6a5 | RGB(255, 246, 165) | Vibrate Yellow | — |
| #dadada | #dadada | RGB(218, 218, 218) | Hold Gray | — |
| #56ccf2 | #56ccf2 | RGB(86, 204, 242) | Bounce Blue | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Screen White | Whiteout |
Contrasto della palette di colori
15 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 |
#00d8c0 | #ff9aa2 | 1.11 |
#00d8c0 | #fff6a5 | 1.63 |
#00d8c0 | #dadada | 1.29 |
#00d8c0 | #56ccf2 | 1.02 |
#00d8c0 | #fbfbfb | 1.75 |
#ff9aa2 | #fff6a5 | 1.82 |
Tavolozza immagini Mobile Microinteraction Design System png
Esporta tavolozza
Scarica la "Mobile Microinteraction Design System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: