¿Qué es Selector de colores Material Design?

Material Design Color Picker pone a tu disposición la paleta completa de colores de Material Design con todos los colores primarios y sus variantes de tono (50 a 900). Haz clic en cualquier muestra para obtener el valor HEX exacto, listo para usar en tu sistema de diseño o código.

Cómo usar

1. Explora la cuadrícula de colores que muestra todos los colores primarios de Material Design: Rojo, Rosa, Púrpura, Púrpura Oscuro, Índigo, Azul y más.
2. Haz clic en un color primario para expandir sus variantes de tono, desde el más claro (50) hasta el más oscuro (900), incluidos los tonos de acento (A100–A700).
3. Haz clic en cualquier tono para copiar su código HEX, o construye una paleta seleccionando varios colores para tu proyecto.

Resultado

Estás construyendo un panel de control y necesitas el color exacto 'Indigo 500' (#3F51B5) de Material Design para tu botón principal e 'Indigo 50' (#E8EAF6) para el fondo al pasar el cursor.

Herramientas relacionadas