Hyperlink Interaction Design Kit
- Visited Violet#6d72c3
- Active Lime#b3ffab
- Hover Rose#ffa8a8
- Default Blue#4a90e2
- Underline Gray#dadada
- Focus Gold#ffd700
Creado en 06/09/2025 08:13
La paleta consta de Claro colores. Colores de acento Visited Violet #6d72c3 y Active Lime #b3ffab. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #6D72C3 (más oscuro) a #B3FFAB (más claro). El rango de luminosidad es moderado.
La saturación global se siente viva (croma alto) — el 67% de los colores son vivos.
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): #4A90E2, #6D72C3, #B3FFAB, #DADADA, #FFA8A8, #FFD700
La paleta Hyperlink Interaction Design Kit combina 6 códigos de color:
HEX: #6d72c3, RGB: (109, 114, 195); HEX: #b3ffab, RGB: (179, 255, 171); HEX: #ffa8a8, RGB: (255, 168, 168)
HEX: #4a90e2, RGB: (74, 144, 226); HEX: #dadada, RGB: (218, 218, 218); HEX: #ffd700, RGB: (255, 215, 0)
Versión simplificada de la paleta de colores
Tono oscuro de Azul pizarra medio, Tono claro de Verde pálido, Tono oscuro de Rosa claro, Tono claro de Azul Dodger, Tono oscuro de Gainsboro, Oro
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
Hyperlink Interaction Design Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #6d72c3 | #6d72c3 | RGB(109, 114, 195) | Visited Violet | — |
| #b3ffab | #b3ffab | RGB(179, 255, 171) | Active Lime | — |
| #ffa8a8 | #ffa8a8 | RGB(255, 168, 168) | Hover Rose | — |
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Default Blue | — |
| #dadada | #dadada | RGB(218, 218, 218) | Underline Gray | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Focus Gold | Gold |
Contraste de la paleta de colores
8 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 |
|---|---|---|
#6d72c3 | #4a90e2 | 1.31 |
#b3ffab | #ffa8a8 | 1.55 |
#b3ffab | #dadada | 1.18 |
#b3ffab | #ffd700 | 1.18 |
#ffa8a8 | #4a90e2 | 1.79 |
#ffa8a8 | #dadada | 1.31 |
Paleta de imágenes Hyperlink Interaction Design Kit png
Exportar paleta
Descargue la "Hyperlink Interaction Design Kit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: