Creato a 09/17/2023 14:53
Ux app design mobile
- Alice Blue#f0f0ff
- White#ffffff
- Anti-Flash White#f0f0f0
- Pale Lavender#dcdcff
- Unbleached Silk#ffdcc8
- Rich Black (FOGRA29)#001414
La tavolozza è composta da Leggero, Buio colori. Colori accentati Alice Blue #f0f0ff e Unbleached Silk #ffdcc8. La tavolozza ha la temperatura del colore Neutro, Caldo.
Per luminosità, la tavolozza va da #001414 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #001414, #DCDCFF, #F0F0F0, #F0F0FF, #FFDCC8, #FFFFFF
La tavolozza Ux app design mobile ha una combinazione di colori dei codici 6:
ESADECIMALE: #f0f0ff, RGB: (240, 240, 255); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #f0f0f0, RGB: (240, 240, 240)
ESADECIMALE: #dcdcff, RGB: (220, 220, 255); ESADECIMALE: #ffdcc8, RGB: (255, 220, 200); ESADECIMALE: #001414, RGB: (0, 20, 20)
Versione semplificata della tavolozza dei colori
Ombra di lavender, Bianco, Tonalità di whitesmoke, Tonalità di lavender, Ombra di peachpuff, Ombra di Nero
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Ux app design mobile codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f0f0ff | #f0f0ff | RGB(240, 240, 255) | Alice Blue | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #dcdcff | #dcdcff | RGB(220, 220, 255) | Pale Lavender | — |
| #ffdcc8 | #ffdcc8 | RGB(255, 220, 200) | Unbleached Silk | — |
| #001414 | #001414 | RGB(0, 20, 20) | Rich Black (FOGRA29) | — |
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 |
#f0f0ff | #ffffff | 1.12 |
#f0f0ff | #f0f0f0 | 1.01 |
#f0f0ff | #dcdcff | 1.18 |
#f0f0ff | #ffdcc8 | 1.14 |
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #dcdcff | 1.33 |
Tavolozza immagini Ux app design mobile png
Esporta tavolozza
Scarica la "Ux app design mobile" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: