Creado en 07/11/2025 09:08
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
La paleta consta de Luz, semioscuro colores. Colores de acento Contrast Pink #ff6b81 y Flowchart Cyan #3dd9d6. La paleta tiene temperatura de color Cálido, Frío, Neutral.
La paleta UX Audit Hyperstructure Palette tiene una combinación de colores de códigos de 6:
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
Matiz de lightcoral, Sombra de olivedrab, Matiz de dimgrey, Blanco, Sombra de gainsboro, Sombra de mediumturquoise
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 |
