material palette generator

Generador de paleta de diseño de materiales

¿Qué es esto?

Este es un clon (ligeramente modificado) del generador de paleta de diseño de material oficial. Hace algunas cosas:

1. Te construye una paleta a todo color de un color hexadecimal dado
2. Le proporciona colores complementarios basados ​​en su color principal
3. Le permite exportar las paletas como variables JSON o CSS

Ambos se basan en estándares de diseño de materiales y usan el algoritmo de Google para la derivación del color.

¿Por qué es esto?

El generador de paleta oficial de Google está integrado y enterrado en las profundidades de los documentos materiales. Dado que es una herramienta en línea, también está oculto a los motores de búsqueda, lo que dificulta la descubrir o marcarlo.

Para que sea un poco más fácil de acceder y para preservarlo para mi propio uso futuro, tomé el código ofuscado (los scripts originales no parecen ser públicos en ninguna parte) y agregué algunas pequeñas mejoras de interfaz. No cambié la forma en que se derivan los colores.

Complementos

• Sketch: después de crear paletas y exportar los datos de JSON, los usuarios de bocetos pueden crear estilos de capa compartidos fácilmente con el complemento de importador de paleta de color de Sketch JSON.
• VS Código: Los usuarios de Código de Visual Studio pueden aprovechar el complemento del generador de la paleta de diseño de material, inspirado y basado en este proyecto.

Apoyar este proyecto

Esta herramienta siempre será gratuita, pero su apoyo es muy apreciado.

• Cómprame un café
• Venmo
• Aplicación en efectivo
• Paypal

Comentarios y contribuyentes

Si nota un problema o desea que se agregue una función, presente un problema en GitHub. También puedes enviarme los detalles por correo electrónico.

Si es un desarrollador y desea ayudar con el proyecto, comente sobre problemas abiertos o cree uno nuevo. Una vez que estamos de acuerdo en un camino hacia adelante, puede hacer una solicitud de extracción y llevarla a la línea de meta.

Créditos

• Hola, soy Michael Edelstone. También puede estar interesado en el generador Tint & Shade, otra herramienta de color útil que hice.
• La mayor parte de esto es Copyright Google Inc. Si hace algo con su código, mantenga las licencias que indican en la parte superior de los archivos grandes.
• Puede usar cualquiera de mis modificaciones sin crédito, excepto ...
• Imagen de Favicon cortesía de Roundicons y sacada de Flaticon.com. Si lo reutiliza, continúe acreditando al Creador.

Muchas gracias a Ziya Fenn y Mateusz Skórka por sus valiosas contribuciones a este proyecto.