Creato a 06/09/2025 09:58
Mobile Gesture UX Kit
- Swipe Cyan#7de2fc
- Tap Coral#ff9f9f
- Zoom Ice#ecfdf5
- Hold Charcoal#242424
- Flick Lilac#eadcfd
- DoubleTap Butter#fff59d
La tavolozza è composta da Leggero, Buio colori. Colori accentati Swipe Cyan #7de2fc e DoubleTap Butter #fff59d. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #242424 (più scuro) a #ECFDF5 (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 caldo.
Codici HEX (ordinati): #242424, #7DE2FC, #EADCFD, #ECFDF5, #FF9F9F, #FFF59D
La tavolozza Mobile Gesture UX Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #7de2fc, RGB: (125, 226, 252); ESADECIMALE: #ff9f9f, RGB: (255, 159, 159); ESADECIMALE: #ecfdf5, RGB: (236, 253, 245)
ESADECIMALE: #242424, RGB: (36, 36, 36); ESADECIMALE: #eadcfd, RGB: (234, 220, 253); ESADECIMALE: #fff59d, RGB: (255, 245, 157)
Versione semplificata della tavolozza dei colori
Ombra di skyblue, Ombra di lightcoral, Tonalità di honeydew, Ombra di Nero, Tonalità di lavender, Ombra di Cachi
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Mobile Gesture UX Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #7de2fc | #7de2fc | RGB(125, 226, 252) | Swipe Cyan | — |
| #ff9f9f | #ff9f9f | RGB(255, 159, 159) | Tap Coral | — |
| #ecfdf5 | #ecfdf5 | RGB(236, 253, 245) | Zoom Ice | — |
| #242424 | #242424 | RGB(36, 36, 36) | Hold Charcoal | Gray14 |
| #eadcfd | #eadcfd | RGB(234, 220, 253) | Flick Lilac | — |
| #fff59d | #fff59d | RGB(255, 245, 157) | DoubleTap Butter | — |
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 |
#7de2fc | #ff9f9f | 1.32 |
#7de2fc | #ecfdf5 | 1.4 |
#7de2fc | #eadcfd | 1.14 |
#7de2fc | #fff59d | 1.32 |
#ff9f9f | #ecfdf5 | 1.86 |
#ff9f9f | #eadcfd | 1.5 |
Tavolozza immagini Mobile Gesture UX Kit png
Esporta tavolozza
Scarica la "Mobile Gesture UX Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: