Creado en 08/14/2025 14:57
Quantum UI Interaction Grid
Photon Yellow
#ffeb3b
Vector Blue
#42a5f5
UX Coral
#ff6f61
Prototype Charcoal
#263238
User Path White
#fdfdfd
State Pink
#f48fb1
La paleta consta de Luz, Oscuro colores. Colores de acento Photon Yellow #ffeb3b y Vector Blue #42a5f5. La paleta tiene temperatura de color Cálido, Frío, Neutral.
La paleta Quantum UI Interaction Grid tiene una combinación de colores de códigos de 6:
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #263238, RGB: (38, 50, 56); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #f48fb1, RGB: (244, 143, 177)
Versión simplificada de la paleta de colores
Matiz de Amarillo, Sombra de dodgerblue, Matiz de salmon, Matiz de darkslategrey, Matiz de Blanco, Sombra de palevioletred
El esquema de color fue creado por hex
Códigos de colores en la paleta
Quantum UI Interaction Grid códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Photon Yellow | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Vector Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | UX Coral | Living Coral |
| #263238 | #263238 | RGB(38, 50, 56) | Prototype Charcoal | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | User Path White | Brilliance |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | State Pink | — |
Contraste de la paleta de colores
5 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 |
#ffeb3b | #fdfdfd | 1.2 |
#ffeb3b | #f48fb1 | 1.82 |
#42a5f5 | #ff6f61 | 1.03 |
#42a5f5 | #f48fb1 | 1.18 |
#ff6f61 | #f48fb1 | 1.22 |
Paleta de imágenes Quantum UI Interaction Grid png
Exportar paleta
Descargue la "Quantum UI Interaction Grid" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: