Responsive Motion Design Kit
- Ease Blue#1976d2
- Transition Coral#ff6f61
- Bounce Mint#81c784
- Delay Yellow#fbc02d
- Frame Gray#9e9e9e
- Stage Black#1a1a1a
Creado en 08/11/2025 14:40
La paleta consta de semioscuro, Claro, Oscuro colores. Colores de acento Ease Blue #1976d2 y Transition Coral #ff6f61. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #1A1A1A (más oscuro) a #FBC02D (más claro). El rango de luminosidad es amplio.
Saturación mixta: 2 apagados y 3 vivos de 6 colores.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
Las notas cálidas y frías están bastante equilibradas (2 cálidas, 2 frías).
Códigos HEX (ordenados): #1976D2, #1A1A1A, #81C784, #9E9E9E, #FBC02D, #FF6F61
La paleta Responsive Motion Design Kit combina 6 códigos de color:
HEX: #1976d2, RGB: (25, 118, 210); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #81c784, RGB: (129, 199, 132)
HEX: #fbc02d, RGB: (251, 192, 45); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #1a1a1a, RGB: (26, 26, 26)
Versión simplificada de la paleta de colores
Tono oscuro de Azul acero, Tono oscuro de Salmón, Tono claro de Verde mar oscuro, Tono claro de Vara de oro, Tono oscuro de Gris oscuro, Tono claro de Negro
El esquema de color fue creado por colorscheme
Códigos de colores en la paleta
Responsive Motion Design Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #1976d2 | #1976d2 | RGB(25, 118, 210) | Ease Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Transition Coral | Living Coral |
| #81c784 | #81c784 | RGB(129, 199, 132) | Bounce Mint | — |
| #fbc02d | #fbc02d | RGB(251, 192, 45) | Delay Yellow | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Frame Gray | Gray62 |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Stage Black | Gray10 |
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 |
|---|---|---|
#1976d2 | #ff6f61 | 1.68 |
#1976d2 | #9e9e9e | 1.71 |
#ff6f61 | #81c784 | 1.35 |
#ff6f61 | #fbc02d | 1.64 |
#ff6f61 | #9e9e9e | 1.01 |
#81c784 | #fbc02d | 1.21 |
Paleta de imágenes Responsive Motion Design Kit png
Exportar paleta
Descargue la "Responsive Motion Design Kit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: