Creado en 02/02/2023 14:48
Header uiux website learning palette
- Jonquil#f2c112
- Jordy Blue#88c2f7
- Green (Pigment)#10a854
- Forest Green (Crayola)#5eb470
- Pastel Purple#bea1ad
- Police Blue#35596b
La paleta consta de Luz, semioscuro colores. Colores de acento Jonquil #f2c112 y Jordy Blue #88c2f7. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #35596B (más oscuro) a #88C2F7 (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): #10A854, #35596B, #5EB470, #88C2F7, #BEA1AD, #F2C112
La paleta Header uiux website learning palette tiene una combinación de colores de códigos de 6:
HEX: #f2c112, RGB: (242, 193, 18); HEX: #88c2f7, RGB: (136, 194, 247); HEX: #10a854, RGB: (16, 168, 84)
HEX: #5eb470, RGB: (94, 180, 112); HEX: #bea1ad, RGB: (190, 161, 173); HEX: #35596b, RGB: (53, 89, 107)
Versión simplificada de la paleta de colores
Matiz de gold, Matiz de lightskyblue, Matiz de mediumseagreen, Sombra de mediumseagreen, Sombra de rosybrown, Sombra de darkslategrey
El esquema de color fue creado por hex
Códigos de colores en la paleta
Header uiux website learning palette códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #f2c112 | #f2c112 | RGB(242, 193, 18) | Jonquil | — |
| #88c2f7 | #88c2f7 | RGB(136, 194, 247) | Jordy Blue | — |
| #10a854 | #10a854 | RGB(16, 168, 84) | Green (Pigment) | — |
| #5eb470 | #5eb470 | RGB(94, 180, 112) | Forest Green (Crayola) | — |
| #bea1ad | #bea1ad | RGB(190, 161, 173) | Pastel Purple | — |
| #35596b | #35596b | RGB(53, 89, 107) | Police Blue | — |
Contraste de la paleta de colores
10 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 |
#f2c112 | #88c2f7 | 1.11 |
#f2c112 | #10a854 | 1.83 |
#f2c112 | #5eb470 | 1.5 |
#f2c112 | #bea1ad | 1.39 |
#88c2f7 | #10a854 | 1.64 |
#88c2f7 | #5eb470 | 1.34 |
Paleta de imágenes Header uiux website learning palette png
Exportar paleta
Descargue la "Header uiux website learning palette" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: