UX Audit Hyperstructure Palette
- Contrast Pink#ff6b81
- Audit Chart Olive#8a9a5b
- Modal Shade Slate#495867
- Text Label White#ffffff
- Section Divider Grey#e5e5e5
- Flowchart Cyan#3dd9d6
Creado en 07/11/2025 09:08
La paleta consta de Claro, semioscuro colores. Colores de acento Contrast Pink #ff6b81 y Flowchart Cyan #3dd9d6. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #495867 (más oscuro) a #FFFFFF (más claro). El rango de luminosidad es moderado.
La saturación global se siente en su mayoría apagada (croma bajo) — el 67% de los colores están apagados.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
En conjunto, la temperatura de color tiende al frío (3 de 6).
Códigos HEX (ordenados): #3DD9D6, #495867, #8A9A5B, #E5E5E5, #FF6B81, #FFFFFF
La paleta UX Audit Hyperstructure Palette combina 6 códigos de color:
HEX: #ff6b81, RGB: (255, 107, 129); HEX: #8a9a5b, RGB: (138, 154, 91); HEX: #495867, RGB: (73, 88, 103)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #3dd9d6, RGB: (61, 217, 214)
Versión simplificada de la paleta de colores
Tono oscuro de Coral claro, Tono claro de Verde oliva parduzco, Tono oscuro de Gris tenue, Blanco, Tono claro de Gainsboro, Tono claro de Turquesa medio
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
UX Audit Hyperstructure Palette códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Contrast Pink | — |
| #8a9a5b | #8a9a5b | RGB(138, 154, 91) | Audit Chart Olive | — |
| #495867 | #495867 | RGB(73, 88, 103) | Modal Shade Slate | Harbour |
| #ffffff | #ffffff | RGB(255, 255, 255) | Text Label White | White |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Section Divider Grey | Gray90 |
| #3dd9d6 | #3dd9d6 | RGB(61, 217, 214) | Flowchart Cyan | — |
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 |
|---|---|---|
#ff6b81 | #8a9a5b | 1.11 |
#ff6b81 | #3dd9d6 | 1.57 |
#8a9a5b | #3dd9d6 | 1.76 |
#ffffff | #e5e5e5 | 1.25 |
#ffffff | #3dd9d6 | 1.73 |
#e5e5e5 | #3dd9d6 | 1.37 |
Paleta de imágenes UX Audit Hyperstructure Palette png
Exportar paleta
Descargue la "UX Audit Hyperstructure Palette" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: