Creado en 08/19/2022 09:03
Animation interface design ux colors
- Barbie Pink#e92485
- Pale Cerulean#9cbfeb
- Japanese Indigo#24444c
- Dim Gray#6a6c70
- Pink Lavender#cdb7ca
- Dark Slate Gray#344e54
La paleta consta de semioscuro, Luz colores. Colores de acento Barbie Pink #e92485 y Japanese Indigo #24444c. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #24444C (más oscuro) a #9CBFEB (más claro). El rango de luminosidad es moderado.
Saturación mixta: algunos colores apagados y acentos más vivos.
Los matices se reparten ampliamente en la rueda: paleta variada (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #24444C, #344E54, #6A6C70, #9CBFEB, #CDB7CA, #E92485
La paleta Animation interface design ux colors tiene una combinación de colores de códigos de 6:
HEX: #e92485, RGB: (233, 36, 133); HEX: #9cbfeb, RGB: (156, 191, 235); HEX: #24444c, RGB: (36, 68, 76)
HEX: #6a6c70, RGB: (106, 108, 112); HEX: #cdb7ca, RGB: (205, 183, 202); HEX: #344e54, RGB: (52, 78, 84)
Versión simplificada de la paleta de colores
Sombra de deeppink, Matiz de lightsteelblue, Matiz de darkslategrey, Sombra de dimgrey, Matiz de thistle, Sombra de darkslategrey
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Animation interface design ux colors códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #e92485 | #e92485 | RGB(233, 36, 133) | Barbie Pink | — |
| #9cbfeb | #9cbfeb | RGB(156, 191, 235) | Pale Cerulean | — |
| #24444c | #24444c | RGB(36, 68, 76) | Japanese Indigo | — |
| #6a6c70 | #6a6c70 | RGB(106, 108, 112) | Dim Gray | — |
| #cdb7ca | #cdb7ca | RGB(205, 183, 202) | Pink Lavender | — |
| #344e54 | #344e54 | RGB(52, 78, 84) | Dark Slate Gray | — |
Contraste de la paleta de colores
5 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 |
#e92485 | #6a6c70 | 1.26 |
#9cbfeb | #cdb7ca | 1.01 |
#24444c | #6a6c70 | 1.98 |
#24444c | #344e54 | 1.17 |
#6a6c70 | #344e54 | 1.68 |
Paleta de imágenes Animation interface design ux colors png
Exportar paleta
Descargue la "Animation interface design ux colors" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: