Creado en 06/12/2025 08:47
Hyperlinked Interface Elements
- Anchor Blue#007aff
- Hover Mist#f0f4f8
- Tap Rose#ffbacd
- Focus Yellow#fff176
- Unvisited Slate#475569
- Visited Indigo#7c3aed
La paleta consta de Luz, semioscuro colores. Colores de acento Anchor Blue #007aff y Focus Yellow #fff176. La paleta tiene temperatura de color Frío, Neutral, Cálido.
Por luminosidad, la paleta va de #475569 (más oscuro) a #F0F4F8 (más claro). El rango de luminosidad es amplio.
La saturación global se siente viva (croma alto).
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): #007AFF, #475569, #7C3AED, #F0F4F8, #FFBACD, #FFF176
La paleta Hyperlinked Interface Elements tiene una combinación de colores de códigos de 6:
HEX: #007aff, RGB: (0, 122, 255); HEX: #f0f4f8, RGB: (240, 244, 248); HEX: #ffbacd, RGB: (255, 186, 205)
HEX: #fff176, RGB: (255, 241, 118); HEX: #475569, RGB: (71, 85, 105); HEX: #7c3aed, RGB: (124, 58, 237)
Versión simplificada de la paleta de colores
Matiz de steelblue, Matiz de aliceblue, Matiz de Rosa, Sombra de Caqui, Sombra de darkslateblue, Sombra de blueviolet
El esquema de color fue creado por colorday
Códigos de colores en la paleta
Hyperlinked Interface Elements códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #007aff | #007aff | RGB(0, 122, 255) | Anchor Blue | — |
| #f0f4f8 | #f0f4f8 | RGB(240, 244, 248) | Hover Mist | Child of Light |
| #ffbacd | #ffbacd | RGB(255, 186, 205) | Tap Rose | Tentacle Pink |
| #fff176 | #fff176 | RGB(255, 241, 118) | Focus Yellow | — |
| #475569 | #475569 | RGB(71, 85, 105) | Unvisited Slate | — |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Visited Indigo | — |
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 |
#007aff | #475569 | 1.88 |
#007aff | #7c3aed | 1.41 |
#f0f4f8 | #ffbacd | 1.44 |
#f0f4f8 | #fff176 | 1.05 |
#ffbacd | #fff176 | 1.37 |
#475569 | #7c3aed | 1.32 |
Paleta de imágenes Hyperlinked Interface Elements png
Exportar paleta
Descargue la "Hyperlinked Interface Elements" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: