Loading...
Creato a 07/22/2025 16:53
Mobile App UX Pattern Toolkit
- Gesture Sky#a2d2ff
- Tap Pink#ffafcc
- Layout Cream#ffe5b4
- Cardboard Brown#c69c6d
- Nav Shadow#2e2e2e
- Input Field Gray#dadada
- Success Lime#a9ff9b
La tavolozza è composta da Leggero, Buio colori. Colori accentati Gesture Sky #a2d2ff e Layout Cream #ffe5b4. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #2E2E2E (più scuro) a #DADADA (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): #2E2E2E, #A2D2FF, #A9FF9B, #C69C6D, #DADADA, #FFAFCC, #FFE5B4
La tavolozza Mobile App UX Pattern Toolkit ha una combinazione di colori dei codici 7:
ESADECIMALE: #a2d2ff, RGB: (162, 210, 255); ESADECIMALE: #ffafcc, RGB: (255, 175, 204); ESADECIMALE: #ffe5b4, RGB: (255, 229, 180)
ESADECIMALE: #c69c6d, RGB: (198, 156, 109); ESADECIMALE: #2e2e2e, RGB: (46, 46, 46); ESADECIMALE: #dadada, RGB: (218, 218, 218)
ESADECIMALE: #a9ff9b, RGB: (169, 255, 155)
Versione semplificata della tavolozza dei colori
Ombra di lightskyblue, Tonalità di lightpink, Ombra di moccasin, Tonalità di tan, Ombra di Nero, Tonalità di gainsboro, Ombra di palegreen
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Mobile App UX Pattern Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Gesture Sky | — |
| #ffafcc | #ffafcc | RGB(255, 175, 204) | Tap Pink | — |
| #ffe5b4 | #ffe5b4 | RGB(255, 229, 180) | Layout Cream | Mouse Nose |
| #c69c6d | #c69c6d | RGB(198, 156, 109) | Cardboard Brown | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Nav Shadow | Carbon Fiber |
| #dadada | #dadada | RGB(218, 218, 218) | Input Field Gray | — |
| #a9ff9b | #a9ff9b | RGB(169, 255, 155) | Success Lime | — |
Contrasto della palette di colori
13 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 |
#a2d2ff | #ffafcc | 1.07 |
#a2d2ff | #ffe5b4 | 1.29 |
#a2d2ff | #c69c6d | 1.57 |
#a2d2ff | #dadada | 1.13 |
#a2d2ff | #a9ff9b | 1.32 |
#ffafcc | #ffe5b4 | 1.39 |
Tavolozza immagini Mobile App UX Pattern Toolkit png
Esporta tavolozza
Scarica la "Mobile App UX Pattern Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: