Creato a 06/08/2025 14:44
Mobile App Theme Builder
- Onboarding Blue#8ab6d6
- Signup Gold#ffca3a
- Userflow Lilac#a29bfe
- Success Green#06d6a0
- Background Cream#fffcf2
- Overlay Smoke#d3d3d3
La tavolozza è composta da Leggero colori. Colori accentati Userflow Lilac #a29bfe e Background Cream #fffcf2. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #06D6A0 (più scuro) a #FFFCF2 (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): #06D6A0, #8AB6D6, #A29BFE, #D3D3D3, #FFCA3A, #FFFCF2
La tavolozza Mobile App Theme Builder ha una combinazione di colori dei codici 6:
ESADECIMALE: #8ab6d6, RGB: (138, 182, 214); ESADECIMALE: #ffca3a, RGB: (255, 202, 58); ESADECIMALE: #a29bfe, RGB: (162, 155, 254)
ESADECIMALE: #06d6a0, RGB: (6, 214, 160); ESADECIMALE: #fffcf2, RGB: (255, 252, 242); ESADECIMALE: #d3d3d3, RGB: (211, 211, 211)
Versione semplificata della tavolozza dei colori
Tonalità di lightskyblue, Tonalità di gold, Tonalità di lightsteelblue, Tonalità di mediumaquamarine, Ombra di floralwhite
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Mobile App Theme Builder codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #8ab6d6 | #8ab6d6 | RGB(138, 182, 214) | Onboarding Blue | — |
| #ffca3a | #ffca3a | RGB(255, 202, 58) | Signup Gold | — |
| #a29bfe | #a29bfe | RGB(162, 155, 254) | Userflow Lilac | — |
| #06d6a0 | #06d6a0 | RGB(6, 214, 160) | Success Green | — |
| #fffcf2 | #fffcf2 | RGB(255, 252, 242) | Background Cream | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Overlay Smoke | Pinball |
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 |
#8ab6d6 | #ffca3a | 1.41 |
#8ab6d6 | #a29bfe | 1.12 |
#8ab6d6 | #06d6a0 | 1.14 |
#8ab6d6 | #d3d3d3 | 1.43 |
#ffca3a | #a29bfe | 1.58 |
#ffca3a | #06d6a0 | 1.23 |
Tavolozza immagini Mobile App Theme Builder png
Esporta tavolozza
Scarica la "Mobile App Theme Builder" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: