Creato a 07/05/2025 12:50
Mobile UI Trend Toolkit
- Glassmorphism Teal#7fdbff
- Frosted White#f8f8f8
- Rounded Rose#ffd6e0
- Minimal Gray#dddddd
- Shadow Border#c1c1c1
La tavolozza è composta da Leggero colori. Colori accentati Glassmorphism Teal #7fdbff e Rounded Rose #ffd6e0. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #7FDBFF (più scuro) a #F8F8F8 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta per lo più smorzata (croma basso).
La maggior parte dei colori è quasi neutra o a bassissima saturazione; le relazioni tra toni sono sottili.
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #7FDBFF, #C1C1C1, #DDDDDD, #F8F8F8, #FFD6E0
La tavolozza Mobile UI Trend Toolkit ha una combinazione di colori dei codici 5:
ESADECIMALE: #7fdbff, RGB: (127, 219, 255); ESADECIMALE: #f8f8f8, RGB: (248, 248, 248); ESADECIMALE: #ffd6e0, RGB: (255, 214, 224)
ESADECIMALE: #dddddd, RGB: (221, 221, 221); ESADECIMALE: #c1c1c1, RGB: (193, 193, 193)
Versione semplificata della tavolozza dei colori
Ombra di skyblue, Ombra di whitesmoke, Ombra di Rosa, Ombra di gainsboro, Ombra di Argento
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Mobile UI Trend Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #7fdbff | #7fdbff | RGB(127, 219, 255) | Glassmorphism Teal | — |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Frosted White | — |
| #ffd6e0 | #ffd6e0 | RGB(255, 214, 224) | Rounded Rose | — |
| #dddddd | #dddddd | RGB(221, 221, 221) | Minimal Gray | Steam |
| #c1c1c1 | #c1c1c1 | RGB(193, 193, 193) | Shadow Border | Stonewall Grey |
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 |
#7fdbff | #f8f8f8 | 1.46 |
#7fdbff | #ffd6e0 | 1.18 |
#7fdbff | #dddddd | 1.14 |
#7fdbff | #c1c1c1 | 1.15 |
#f8f8f8 | #ffd6e0 | 1.23 |
#f8f8f8 | #dddddd | 1.27 |
Tavolozza immagini Mobile UI Trend Toolkit png
Esporta tavolozza
Scarica la "Mobile UI Trend Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: