Creado en 07/08/2025 08:27
Frontend Harmony Pattern Suite
- Harmony Peach#ffd6ba
- Balance Blue#a2c5ac
- Structure Graphite#2d2a32
- Accent Lavender#b9fbc0
- White Surface#fafafa
La paleta consta de Luz, Oscuro colores. Colores de acento Harmony Peach #ffd6ba y Structure Graphite #2d2a32. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #2D2A32 (más oscuro) a #FAFAFA (más claro). El rango de luminosidad es amplio.
La saturación global se siente en su mayoría apagada (croma bajo).
Los matices quedan en una banda vecina en la rueda (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #2D2A32, #A2C5AC, #B9FBC0, #FAFAFA, #FFD6BA
La paleta Frontend Harmony Pattern Suite tiene una combinación de colores de códigos de 5:
HEX: #ffd6ba, RGB: (255, 214, 186); HEX: #a2c5ac, RGB: (162, 197, 172); HEX: #2d2a32, RGB: (45, 42, 50)
HEX: #b9fbc0, RGB: (185, 251, 192); HEX: #fafafa, RGB: (250, 250, 250)
Versión simplificada de la paleta de colores
Matiz de peachpuff, Sombra de darkseagreen, Sombra de Negro, Sombra de palegreen, Sombra de whitesmoke
El esquema de color fue creado por colorstudio
Códigos de colores en la paleta
Frontend Harmony Pattern Suite códigos de color HEX, información RGB en la tabla
Contraste de la paleta de colores
6 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 |
#ffd6ba | #a2c5ac | 1.4 |
#ffd6ba | #b9fbc0 | 1.13 |
#ffd6ba | #fafafa | 1.29 |
#a2c5ac | #b9fbc0 | 1.58 |
#a2c5ac | #fafafa | 1.8 |
#b9fbc0 | #fafafa | 1.14 |
Paleta de imágenes Frontend Harmony Pattern Suite png
Exportar paleta
Descargue la "Frontend Harmony Pattern Suite" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: