Creato a 07/22/2025 11:22
Mobile App HyperUI Trends Toolkit
- Pastel Prompt Blue#bbdefb
- Dashboard Salmon#ff8a80
- Onboarding Sky#81d4fa
- Card Shell Gray#ececec
- Interactive Shadow#b0bec5
- Tap Highlight Navy#3d5afe
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Dashboard Salmon #ff8a80 e Tap Highlight Navy #3d5afe. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #3D5AFE (più scuro) a #ECECEC (più chiaro). L’intervallo di luminosità è moderato.
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): #3D5AFE, #81D4FA, #B0BEC5, #BBDEFB, #ECECEC, #FF8A80
La tavolozza Mobile App HyperUI Trends Toolkit ha una combinazione di colori dei codici 6:
ESADECIMALE: #bbdefb, RGB: (187, 222, 251); ESADECIMALE: #ff8a80, RGB: (255, 138, 128); ESADECIMALE: #81d4fa, RGB: (129, 212, 250)
ESADECIMALE: #ececec, RGB: (236, 236, 236); ESADECIMALE: #b0bec5, RGB: (176, 190, 197); ESADECIMALE: #3d5afe, RGB: (61, 90, 254)
Versione semplificata della tavolozza dei colori
Ombra di lightsteelblue, Ombra di salmon, Ombra di skyblue, Tonalità di whitesmoke, Tonalità di Argento, Tonalità di royalblue
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Mobile App HyperUI Trends Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #bbdefb | #bbdefb | RGB(187, 222, 251) | Pastel Prompt Blue | — |
| #ff8a80 | #ff8a80 | RGB(255, 138, 128) | Dashboard Salmon | — |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | Onboarding Sky | — |
| #ececec | #ececec | RGB(236, 236, 236) | Card Shell Gray | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Interactive Shadow | Ocean Drive |
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Tap Highlight Navy | — |
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 |
#bbdefb | #ff8a80 | 1.62 |
#bbdefb | #81d4fa | 1.17 |
#bbdefb | #ececec | 1.18 |
#bbdefb | #b0bec5 | 1.35 |
#ff8a80 | #81d4fa | 1.38 |
#ff8a80 | #ececec | 1.93 |
Tavolozza immagini Mobile App HyperUI Trends Toolkit png
Esporta tavolozza
Scarica la "Mobile App HyperUI Trends Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: