material palette generator

Gerador de paleta de design de material

O que é isso?

Este é um clone (ligeiramente modificado) do gerador de paleta de design de material oficial. Faz algumas coisas:

1. Construa uma paleta de cores de uma dada cor hexadecimal
2. Fornece cores complementares com base na sua cor principal
3. Permite exportar as paletas como variáveis ​​JSON ou CSS

Ambos são baseados nos padrões de design de materiais e usam o algoritmo do Google para derivação de cores.

Por que isso?

O gerador oficial de paleta do Google está incorporado e enterrado no fundo dos documentos materiais. Como é uma ferramenta embutida, também está escondida dos mecanismos de pesquisa, dificultando a descoberta ou o favorito.

Para facilitar o acesso e preservá -lo para meu próprio uso futuro, peguei o código ofuscado (os scripts originais não parecem ser públicos em nenhum lugar) e adicionei algumas pequenas melhorias de interface. Eu não mudei a maneira como as cores são derivadas.

Plugins

• Esboço: depois de criar paletas e exportar os dados do JSON, os usuários do Sketch podem criar estilos de camada compartilhada facilmente com o plug -in de importador JSON JSON Color Palette.
• VS Código: os usuários do Código do Visual Studio podem aproveitar o plug -in do gerador de paleta de design de material, inspirado e com base neste projeto.

Apoie este projeto

Essa ferramenta sempre será gratuita, mas seu apoio é muito apreciado.

• Compre me um café
• Venmo
• Aplicativo de caixa
• PayPal

Feedback e contribuição

Se você notar um problema ou deseja um recurso adicionado, registre um problema no GitHub. Você também pode apenas me enviar os detalhes.

Se você é um desenvolvedor e deseja ajudar com o projeto, comente sobre questões abertas ou crie um novo. Depois de concordarmos com um caminho a seguir, você pode simplesmente fazer uma solicitação de tração e levá -la à linha de chegada.

Créditos

• Oi, eu sou Michael Edelstone. Você também pode estar interessado no gerador Tint & Shade, outra ferramenta de cores útil que eu fiz.
• A maior parte disso é Copyright Google Inc. Se você fizer alguma coisa com o código deles, mantenha as licenças que eles indicam na parte superior dos arquivos grandes.
• Você pode usar qualquer uma das minhas modificações sem crédito, exceto ...
• Imagem de favicon cortesia de Roundicons e retirada de Flaticon.com. Se você reutilizá -lo, continue creditando o Criador.

Muito obrigado a Ziya Fenn e Mateusz Skórka por suas valiosas contribuições para este projeto.