Creado en 09/02/2022 14:23
Homepage website design product mockup palette
- Vivid Red-Tangelo#e16629
- Orange-Yellow (Crayola)#f8d46a
- Chestnut#a04c24
- Middle Blue Purple#8661b1
- Dark Vanilla#cebeae
- Liver Chestnut (Horses)#544237
La paleta consta de Luz, semioscuro colores. Colores de acento Orange-Yellow (Crayola) #f8d46a y Middle Blue Purple #8661b1. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #544237 (más oscuro) a #CEBEAE (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 cálido.
Códigos HEX (ordenados): #544237, #8661B1, #A04C24, #CEBEAE, #E16629, #F8D46A
La paleta Homepage website design product mockup palette tiene una combinación de colores de códigos de 6:
HEX: #e16629, RGB: (225, 102, 41); HEX: #f8d46a, RGB: (248, 212, 106); HEX: #a04c24, RGB: (160, 76, 36)
HEX: #8661b1, RGB: (134, 97, 177); HEX: #cebeae, RGB: (206, 190, 174); HEX: #544237, RGB: (84, 66, 55)
Versión simplificada de la paleta de colores
Sombra de chocolate, Sombra de gold, Matiz de sienna, Matiz de mediumpurple, Sombra de tan, Matiz de dimgrey
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Homepage website design product mockup palette códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #e16629 | #e16629 | RGB(225, 102, 41) | Vivid Red-Tangelo | — |
| #f8d46a | #f8d46a | RGB(248, 212, 106) | Orange-Yellow (Crayola) | — |
| #a04c24 | #a04c24 | RGB(160, 76, 36) | Chestnut | — |
| #8661b1 | #8661b1 | RGB(134, 97, 177) | Middle Blue Purple | — |
| #cebeae | #cebeae | RGB(206, 190, 174) | Dark Vanilla | — |
| #544237 | #544237 | RGB(84, 66, 55) | Liver Chestnut (Horses) | — |
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 |
#e16629 | #a04c24 | 1.72 |
#e16629 | #8661b1 | 1.4 |
#e16629 | #cebeae | 1.89 |
#f8d46a | #cebeae | 1.25 |
#a04c24 | #8661b1 | 1.22 |
#a04c24 | #544237 | 1.6 |
Paleta de imágenes Homepage website design product mockup palette png
Exportar paleta
Descargue la "Homepage website design product mockup palette" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: