Creato a 07/21/2025 12:45
UX Mobile Design Language
- Interface Clay#dadada
- Swipe Mint#bdf9e7
- Tap Flame#ff6b6b
- Gesture Sky#b8e0ff
- Feedback Charcoal#343a40
- Label Lemon#ffe066
La tavolozza è composta da Leggero colori. Colori accentati Gesture Sky #b8e0ff e Label Lemon #ffe066. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #343A40 (più scuro) a #B8E0FF (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): #343A40, #B8E0FF, #BDF9E7, #DADADA, #FF6B6B, #FFE066
La tavolozza UX Mobile Design Language ha una combinazione di colori dei codici 6:
ESADECIMALE: #dadada, RGB: (218, 218, 218); ESADECIMALE: #bdf9e7, RGB: (189, 249, 231); ESADECIMALE: #ff6b6b, RGB: (255, 107, 107)
ESADECIMALE: #b8e0ff, RGB: (184, 224, 255); ESADECIMALE: #343a40, RGB: (52, 58, 64); ESADECIMALE: #ffe066, RGB: (255, 224, 102)
Versione semplificata della tavolozza dei colori
Tonalità di gainsboro, Ombra di paleturquoise, Tonalità di salmon, Ombra di lightskyblue, Tonalità di darkslategrey, Ombra di gold
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
UX Mobile Design Language codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #dadada | #dadada | RGB(218, 218, 218) | Interface Clay | — |
| #bdf9e7 | #bdf9e7 | RGB(189, 249, 231) | Swipe Mint | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Tap Flame | — |
| #b8e0ff | #b8e0ff | RGB(184, 224, 255) | Gesture Sky | — |
| #343a40 | #343a40 | RGB(52, 58, 64) | Feedback Charcoal | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Label Lemon | — |
Contrasto della palette di colori
7 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 |
#dadada | #bdf9e7 | 1.18 |
#dadada | #ff6b6b | 1.98 |
#dadada | #b8e0ff | 1 |
#dadada | #ffe066 | 1.07 |
#bdf9e7 | #b8e0ff | 1.17 |
#bdf9e7 | #ffe066 | 1.1 |
Tavolozza immagini UX Mobile Design Language png
Esporta tavolozza
Scarica la "UX Mobile Design Language" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: