Creato a 07/28/2025 11:23
Mobile Gesture-Based UI Toolkit
- Swipe Aqua#4dd0e1
- Tap Coral#ff8474
- Hold Graphite#3a3d40
- Vibrate Yellow#ffe162
- Overlay White#fbfbfb
- Touch Pink#ffa8ba
La tavolozza è composta da Leggero colori. Colori accentati Swipe Aqua #4dd0e1 e Vibrate Yellow #ffe162. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #3A3D40 (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).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #3A3D40, #4DD0E1, #FBFBFB, #FF8474, #FFA8BA, #FFE162
La tavolozza Mobile Gesture-Based UI Toolkit ha una combinazione di colori dei codici 6:
ESADECIMALE: #4dd0e1, RGB: (77, 208, 225); ESADECIMALE: #ff8474, RGB: (255, 132, 116); ESADECIMALE: #3a3d40, RGB: (58, 61, 64)
ESADECIMALE: #ffe162, RGB: (255, 225, 98); ESADECIMALE: #fbfbfb, RGB: (251, 251, 251); ESADECIMALE: #ffa8ba, RGB: (255, 168, 186)
Versione semplificata della tavolozza dei colori
Ombra di darkturquoise, Ombra di salmon, Tonalità di darkslategrey, Ombra di gold, Tonalità di Bianco, Tonalità di lightpink
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Mobile Gesture-Based UI Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4dd0e1 | #4dd0e1 | RGB(77, 208, 225) | Swipe Aqua | — |
| #ff8474 | #ff8474 | RGB(255, 132, 116) | Tap Coral | — |
| #3a3d40 | #3a3d40 | RGB(58, 61, 64) | Hold Graphite | — |
| #ffe162 | #ffe162 | RGB(255, 225, 98) | Vibrate Yellow | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Overlay White | Whiteout |
| #ffa8ba | #ffa8ba | RGB(255, 168, 186) | Touch Pink | — |
Contrasto della palette di colori
9 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 |
#4dd0e1 | #ff8474 | 1.29 |
#4dd0e1 | #ffe162 | 1.41 |
#4dd0e1 | #fbfbfb | 1.77 |
#4dd0e1 | #ffa8ba | 1.01 |
#ff8474 | #ffe162 | 1.83 |
#ff8474 | #ffa8ba | 1.31 |
Tavolozza immagini Mobile Gesture-Based UI Toolkit png
Esporta tavolozza
Scarica la "Mobile Gesture-Based UI Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: