Creado en 11/09/2025 21:39
Mobile Application UI Kit
- Cloud White#ffffff
- Ribbon Pink#ff69b4
- Beam Peach#ffe4a9
- Soft Fog Light Grey#f5f5f5
- Surface Dark Panel#2c2e3d
- Black Nightfall#343a40
La paleta consta de Luz, Oscuro colores. Colores de acento Beam Peach #ffe4a9 y Surface Dark Panel #2c2e3d. La paleta tiene temperatura de color Neutral, Cálido, Frío.
Por luminosidad, la paleta va de #2C2E3D (más oscuro) a #FFFFFF (más claro). El rango de luminosidad es amplio.
La saturación global se siente en su mayoría apagada (croma bajo).
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
Las notas cálidas y frías están bastante equilibradas.
Códigos HEX (ordenados): #2C2E3D, #343A40, #F5F5F5, #FF69B4, #FFE4A9, #FFFFFF
La paleta Mobile Application UI Kit tiene una combinación de colores de códigos de 6:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #ff69b4, RGB: (255, 105, 180); HEX: #ffe4a9, RGB: (255, 228, 169)
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #2c2e3d, RGB: (44, 46, 61); HEX: #343a40, RGB: (52, 58, 64)
Versión simplificada de la paleta de colores
Blanco, Matiz de moccasin, Sombra de Negro, Matiz de darkslategrey
El esquema de color fue creado por coolor
Códigos de colores en la paleta
Mobile Application UI Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #ffffff | #ffffff | RGB(255, 255, 255) | Cloud White | White |
| #ff69b4 | #ff69b4 | RGB(255, 105, 180) | Ribbon Pink | Girls Night Out |
| #ffe4a9 | #ffe4a9 | RGB(255, 228, 169) | Beam Peach | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Soft Fog Light Grey | White Smoke |
| #2c2e3d | #2c2e3d | RGB(44, 46, 61) | Surface Dark Panel | — |
| #343a40 | #343a40 | RGB(52, 58, 64) | Black Nightfall | — |
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 |
#ffffff | #ffe4a9 | 1.24 |
#ffffff | #f5f5f5 | 1.09 |
#ffe4a9 | #f5f5f5 | 1.13 |
#2c2e3d | #343a40 | 1.16 |
Paleta de imágenes Mobile Application UI Kit png
Exportar paleta
Descargue la "Mobile Application UI Kit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: