Creato a 07/05/2025 12:38
Mobile UI Pattern Library
- Gesture Sand#f3eac2
- Touchpoint Violet#cbaacb
- Component Pink#ffcad4
- Viewport Graphite#292929
- Smooth Scroll Blue#a2d2ff
La tavolozza è composta da Leggero, Buio colori. Colori accentati Component Pink #ffcad4 e Smooth Scroll Blue #a2d2ff. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #292929 (più scuro) a #FFCAD4 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #292929, #A2D2FF, #CBAACB, #F3EAC2, #FFCAD4
La tavolozza Mobile UI Pattern Library ha una combinazione di colori dei codici 5:
ESADECIMALE: #f3eac2, RGB: (243, 234, 194); ESADECIMALE: #cbaacb, RGB: (203, 170, 203); ESADECIMALE: #ffcad4, RGB: (255, 202, 212)
ESADECIMALE: #292929, RGB: (41, 41, 41); ESADECIMALE: #a2d2ff, RGB: (162, 210, 255)
Versione semplificata della tavolozza dei colori
Tonalità di lemonchiffon, Tonalità di thistle, Ombra di Rosa, Ombra di Nero, Ombra di lightskyblue
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Mobile UI Pattern Library codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f3eac2 | #f3eac2 | RGB(243, 234, 194) | Gesture Sand | — |
| #cbaacb | #cbaacb | RGB(203, 170, 203) | Touchpoint Violet | — |
| #ffcad4 | #ffcad4 | RGB(255, 202, 212) | Component Pink | — |
| #292929 | #292929 | RGB(41, 41, 41) | Viewport Graphite | Chromaphobic Black |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Smooth Scroll Blue | — |
Contrasto della palette di colori
6 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 |
#f3eac2 | #cbaacb | 1.7 |
#f3eac2 | #ffcad4 | 1.18 |
#f3eac2 | #a2d2ff | 1.31 |
#cbaacb | #ffcad4 | 1.44 |
#cbaacb | #a2d2ff | 1.3 |
#ffcad4 | #a2d2ff | 1.11 |
Tavolozza immagini Mobile UI Pattern Library png
Esporta tavolozza
Scarica la "Mobile UI Pattern Library" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: