Creado en 05/23/2022 14:41
Design magento 2 ui colors
- Café Au Lait#af8055
- Ruddy Pink#e9878c
- Van Dyke Brown#5a412a
- Blue Yonder#4d78a0
- Pale Chestnut#dcb8ba
- Dark Slate Gray#304f53
La paleta consta de Luz colores. Colores de acento Ruddy Pink #e9878c y Blue Yonder #4d78a0. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #304F53 (más oscuro) a #DCB8BA (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 cálido.
Códigos HEX (ordenados): #304F53, #4D78A0, #5A412A, #AF8055, #DCB8BA, #E9878C
La paleta Design magento 2 ui colors tiene una combinación de colores de códigos de 6:
HEX: #af8055, RGB: (175, 128, 85); HEX: #e9878c, RGB: (233, 135, 140); HEX: #5a412a, RGB: (90, 65, 42)
HEX: #4d78a0, RGB: (77, 120, 160); HEX: #dcb8ba, RGB: (220, 184, 186); HEX: #304f53, RGB: (48, 79, 83)
Versión simplificada de la paleta de colores
Matiz de peru, Sombra de lightcoral, Matiz de saddlebrown, Matiz de steelblue, Matiz de Rosa, Sombra de darkslategrey
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Design magento 2 ui colors códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #af8055 | #af8055 | RGB(175, 128, 85) | Café Au Lait | — |
| #e9878c | #e9878c | RGB(233, 135, 140) | Ruddy Pink | — |
| #5a412a | #5a412a | RGB(90, 65, 42) | Van Dyke Brown | — |
| #4d78a0 | #4d78a0 | RGB(77, 120, 160) | Blue Yonder | — |
| #dcb8ba | #dcb8ba | RGB(220, 184, 186) | Pale Chestnut | — |
| #304f53 | #304f53 | RGB(48, 79, 83) | Dark Slate Gray | — |
Contraste de la paleta de colores
7 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 |
#af8055 | #e9878c | 1.37 |
#af8055 | #4d78a0 | 1.33 |
#af8055 | #dcb8ba | 1.92 |
#e9878c | #4d78a0 | 1.84 |
#e9878c | #dcb8ba | 1.39 |
#5a412a | #304f53 | 1.06 |
Paleta de imágenes Design magento 2 ui colors png
Exportar paleta
Descargue la "Design magento 2 ui colors" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: