Creato a 08/11/2025 14:36
Mobile Banking UI Kit
- Balance Blue#2196f3
- Deposit Green#4caf50
- Expense Red#e57373
- Alert Yellow#fff176
- Neutral Gray#b0bec5
- Background White#ffffff
La tavolozza è composta da Leggero colori. Colori accentati Balance Blue #2196f3 e Alert Yellow #fff176. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #4CAF50 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #2196F3, #4CAF50, #B0BEC5, #E57373, #FFF176, #FFFFFF
La tavolozza Mobile Banking UI Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #2196f3, RGB: (33, 150, 243); ESADECIMALE: #4caf50, RGB: (76, 175, 80); ESADECIMALE: #e57373, RGB: (229, 115, 115)
ESADECIMALE: #fff176, RGB: (255, 241, 118); ESADECIMALE: #b0bec5, RGB: (176, 190, 197); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di mediumseagreen, Tonalità di lightcoral, Ombra di Cachi, Tonalità di Argento, Bianco
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Mobile Banking UI Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Balance Blue | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Deposit Green | — |
| #e57373 | #e57373 | RGB(229, 115, 115) | Expense Red | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Alert Yellow | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Neutral Gray | Ocean Drive |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
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 |
#2196f3 | #4caf50 | 1.12 |
#2196f3 | #e57373 | 1.04 |
#2196f3 | #b0bec5 | 1.63 |
#4caf50 | #e57373 | 1.07 |
#4caf50 | #b0bec5 | 1.45 |
#e57373 | #b0bec5 | 1.56 |
Tavolozza immagini Mobile Banking UI Kit png
Esporta tavolozza
Scarica la "Mobile Banking UI Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: