Creado en 07/07/2025 17:17
UX Pattern Recognition Engine
- Figma Lavender#b39cd0
- Neural Dust#e0dfd5
- Wireframe Sky#c7e9f1
- Clickstream Slate#4f5d75
- Layer Aqua#a8dadc
- Prototype Signal Red#e63946
La paleta consta de Luz, semioscuro colores. Colores de acento Wireframe Sky #c7e9f1 y Prototype Signal Red #e63946. La paleta tiene temperatura de color Frío, Neutral, Cálido.
Por luminosidad, la paleta va de #4F5D75 (más oscuro) a #C7E9F1 (más claro). El rango de luminosidad es moderado.
Saturación mixta: algunos colores apagados y acentos más vivos.
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): #4F5D75, #A8DADC, #B39CD0, #C7E9F1, #E0DFD5, #E63946
La paleta UX Pattern Recognition Engine tiene una combinación de colores de códigos de 6:
HEX: #b39cd0, RGB: (179, 156, 208); HEX: #e0dfd5, RGB: (224, 223, 213); HEX: #c7e9f1, RGB: (199, 233, 241)
HEX: #4f5d75, RGB: (79, 93, 117); HEX: #a8dadc, RGB: (168, 218, 220); HEX: #e63946, RGB: (230, 57, 70)
Versión simplificada de la paleta de colores
Matiz de plum, Sombra de gainsboro, Sombra de lightblue, Matiz de dimgrey, Matiz de powderblue, Sombra de crimson
El esquema de color fue creado por colourlock
Códigos de colores en la paleta
UX Pattern Recognition Engine códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #b39cd0 | #b39cd0 | RGB(179, 156, 208) | Figma Lavender | — |
| #e0dfd5 | #e0dfd5 | RGB(224, 223, 213) | Neural Dust | — |
| #c7e9f1 | #c7e9f1 | RGB(199, 233, 241) | Wireframe Sky | — |
| #4f5d75 | #4f5d75 | RGB(79, 93, 117) | Clickstream Slate | — |
| #a8dadc | #a8dadc | RGB(168, 218, 220) | Layer Aqua | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Prototype Signal Red | — |
Contraste de la paleta de colores
8 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 |
#b39cd0 | #e0dfd5 | 1.82 |
#b39cd0 | #c7e9f1 | 1.9 |
#b39cd0 | #a8dadc | 1.59 |
#b39cd0 | #e63946 | 1.7 |
#e0dfd5 | #c7e9f1 | 1.04 |
#e0dfd5 | #a8dadc | 1.14 |
Paleta de imágenes UX Pattern Recognition Engine png
Exportar paleta
Descargue la "UX Pattern Recognition Engine" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: