Diseño de material Color Palette
Google Material Design color referencia.
Material Design Colors
Pick a color to see all formats
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Elija colores y obtenga valores hexadecimales, RGB y HSL. Esta guía gratuita en línea sobre cómo utilizar los colores de Material Design funciona directamente en tu navegador: sin descargas, sin registro ni límites.
Colores de diseño de materiales
Usa los controles
Utilice los controles anteriores para ajustar su configuración
Mira la vista previa
Mira la actualización de vista previa en tiempo real
Copia el
generado Copie el código CSS generado cuando esté satisfecho
Pega el código
Pega el código en la hoja de estilo de tu proyecto
Agregar esta herramienta a favoritos
Marque esta herramienta como favorita para futuros trabajos de diseño.
Preguntas Frecuentes
¿La paleta de colores Material Design es gratuita?
Sí, la paleta de colores de Material Design es 100 % gratuita, sin límites, registros ni anuncios en los resultados.
¿Puedo utilizar el código generado comercialmente?
Absolutamente. Todo el código CSS y de diseño que generes es tuyo para usarlo en cualquier proyecto.
¿La paleta de colores de Material Design funciona en dispositivos móviles?
Sí, la herramienta es totalmente responsiva, aunque una computadora de escritorio brinda la mejor experiencia para el trabajo de diseño.
Información de la Herramienta
Herramientas Relacionadas que Te Pueden Interesar
Generador de paleta de colores de imagen
Extraer los colores dominantes de una imagen
Convertidor de RGB/HEX
Convierte RGB a HEX con esta herramienta en línea gratuita
Generador de gradiente CSS
Genera gradientes CSS con esta herramienta en línea gratuita
Verificador de WCAG Contrast
Marque el contraste de color según los estándares de WCAG
Generador de Firma Digital
Crear firmas digitales estilizadas con diferentes fuentes
Generador de sombra de caja CSS
Genera sombras de caja CSS con esta herramienta en línea gratuita
Calculadora de volumen de surf
Calcular el volumen perfecto de tablas de surf basado en su peso, nivel de experiencia y condiciones de onda.
Convertidor de altura de onda
Convierte altura de onda con esta herramienta en línea gratuita
Planificador de Scuba Dive
Planifique su buceo con límites de profundidad, tiempo inferior y requisitos de descompresión de seguridad.