Creado en 03/04/2026 10:17
AI UX Interaction
- Interaction Indigo#4b0082
- Hover Hot Pink#ff1493
- Click Cyan#00ffff
- Tooltip Tangerine#ff8c00
- Modal Mint#3eb489
- Scrollbar Silver#c0c0c0
- Focus Forest Green#228b22
La paleta consta de Oscuro, Luz colores. Colores de acento Click Cyan #00ffff y Tooltip Tangerine #ff8c00. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #4B0082 (más oscuro) a #C0C0C0 (más claro). El rango de luminosidad es moderado.
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): #00FFFF, #228B22, #3EB489, #4B0082, #C0C0C0, #FF1493, #FF8C00
La paleta AI UX Interaction tiene una combinación de colores de códigos de 7:
HEX: #4b0082, RGB: (75, 0, 130); HEX: #ff1493, RGB: (255, 20, 147); HEX: #00ffff, RGB: (0, 255, 255)
HEX: #ff8c00, RGB: (255, 140, 0); HEX: #3eb489, RGB: (62, 180, 137); HEX: #c0c0c0, RGB: (192, 192, 192)
HEX: #228b22, RGB: (34, 139, 34)
Versión simplificada de la paleta de colores
Sombra de mediumseagreen, Plata
El esquema de color fue creado por bad_colors
Códigos de colores en la paleta
AI UX Interaction códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Interaction Indigo | Indigo |
| #ff1493 | #ff1493 | RGB(255, 20, 147) | Hover Hot Pink | Secret Story |
| #00ffff | #00ffff | RGB(0, 255, 255) | Click Cyan | Aqua |
| #ff8c00 | #ff8c00 | RGB(255, 140, 0) | Tooltip Tangerine | Sun Crete |
| #3eb489 | #3eb489 | RGB(62, 180, 137) | Modal Mint | Mint |
| #c0c0c0 | #c0c0c0 | RGB(192, 192, 192) | Scrollbar Silver | Silver |
| #228b22 | #228b22 | RGB(34, 139, 34) | Focus Forest Green | Summer Forest Green |
Contraste de la paleta de colores
11 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 |
#ff1493 | #ff8c00 | 1.55 |
#ff1493 | #3eb489 | 1.4 |
#ff1493 | #c0c0c0 | 1.99 |
#ff1493 | #228b22 | 1.2 |
#00ffff | #ff8c00 | 1.86 |
#00ffff | #c0c0c0 | 1.45 |
Paleta de imágenes AI UX Interaction png
Exportar paleta
Descargue la "AI UX Interaction" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: