Creado en 06/20/2025 17:01
Mobile Interaction Pattern Guide
- Gesture Peach#ffcba4
- Tap Graphite#2f2e33
- Swipe Sky#9ed8f3
- Form Eggshell#fffbf5
- Nav Plum#7a4eab
- Alert Red#f44336
La paleta consta de Luz, Oscuro, semioscuro colores. Colores de acento Swipe Sky #9ed8f3 y Form Eggshell #fffbf5. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #2F2E33 (más oscuro) a #FFFBF5 (más claro). El rango de luminosidad es amplio.
La saturación global se siente viva (croma alto).
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #2F2E33, #7A4EAB, #9ED8F3, #F44336, #FFCBA4, #FFFBF5
La paleta Mobile Interaction Pattern Guide tiene una combinación de colores de códigos de 6:
HEX: #ffcba4, RGB: (255, 203, 164); HEX: #2f2e33, RGB: (47, 46, 51); HEX: #9ed8f3, RGB: (158, 216, 243)
HEX: #fffbf5, RGB: (255, 251, 245); HEX: #7a4eab, RGB: (122, 78, 171); HEX: #f44336, RGB: (244, 67, 54)
Versión simplificada de la paleta de colores
Matiz de peachpuff, Sombra de Negro, Sombra de skyblue, Sombra de floralwhite, Matiz de slateblue, Matiz de tomato
El esquema de color fue creado por colorday
Códigos de colores en la paleta
Mobile Interaction Pattern Guide códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #ffcba4 | #ffcba4 | RGB(255, 203, 164) | Gesture Peach | Corn Kernel |
| #2f2e33 | #2f2e33 | RGB(47, 46, 51) | Tap Graphite | — |
| #9ed8f3 | #9ed8f3 | RGB(158, 216, 243) | Swipe Sky | — |
| #fffbf5 | #fffbf5 | RGB(255, 251, 245) | Form Eggshell | — |
| #7a4eab | #7a4eab | RGB(122, 78, 171) | Nav Plum | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Alert Red | — |
Contraste de la paleta de colores
4 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación de contraste |
#ffcba4 | #9ed8f3 | 1.05 |
#ffcba4 | #fffbf5 | 1.42 |
#9ed8f3 | #fffbf5 | 1.5 |
#7a4eab | #f44336 | 1.62 |
Paleta de imágenes Mobile Interaction Pattern Guide png
Exportar paleta
Descargue la "Mobile Interaction Pattern Guide" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: