Referencia de Colores Material
Consulta y copia gratis en línea todos los códigos de color de Material Design. Encuentra valores hex de la paleta de 256 colores con un solo clic.
No results found
Cómo funciona
- Abre la herramienta Material Color Reference en tu navegador.
- Explora la paleta completa de 256 colores organizada por familias y niveles de tonalidad.
- Localiza el color que necesitas desplazándote por las distintas familias de colores.
- Haz clic en la muestra de color para copiar automáticamente el código hex al portapapeles.
- Pega el código directamente en tu CSS, Figma, Adobe XD o cualquier herramienta de diseño.
Ejemplo
Entrada: Material Orange 600
Resultado: #FB8C00
FAQ
Es el sistema de colores oficial de Google, con 256 colores cuidadosamente seleccionados organizados en familias como Rojo, Azul, Verde y Púrpura, cada una con múltiples niveles de luminosidad.
Sí, la herramienta es completamente segura. Todo el procesamiento ocurre directamente en tu navegador y ningún dato se envía a ningún servidor.
Simplemente haz clic en la muestra de color o en el valor hex y se copiará automáticamente a tu portapapeles.
Sí, los colores de Material Design son de libre uso y están ampliamente adoptados en proyectos web, móviles y de escritorio, tanto personales como comerciales.
La mayoría de las familias incluyen tonalidades desde 50 hasta 900, además de variantes de acento A100, A200, A400 y A700 en algunos colores.