material palette generator

Générateur de palettes de conception de matériaux

Qu'est-ce que c'est?

Il s'agit d'un clone (légèrement modifié) du générateur officiel de palette de conception de matériaux. Il fait quelques choses:

1. Vous construit une palette de couleurs complète à partir d'une couleur hexadécimale donnée
2. Vous fournit des couleurs complémentaires en fonction de votre couleur primaire
3. Vous permet d'exporter les palettes sous forme de variables JSON ou CSS

Les deux sont basés sur les normes de conception des matériaux et utilisent l'algorithme de Google pour la dérivation des couleurs.

Pourquoi est-ce?

Le générateur de palettes officiel de Google est intégré et enterré profondément dans les documents matériels. Puisqu'il s'agit d'un outil en ligne, il est également caché aux moteurs de recherche, ce qui rend difficile la découvrir ou le signet.

Pour rendre un peu plus facile à accéder et à le préserver pour ma propre utilisation future, j'ai saisi le code obscurci (les scripts d'origine ne semblent pas être publics nulle part) et ajouté quelques petites améliorations d'interface. Je n'ai pas changé la façon dont les couleurs sont dérivées.

Plugins

• Sketch: Après avoir créé des palettes et exporté les données JSON, les utilisateurs de Sketch peuvent créer facilement des styles de calque partagés avec le plugin Importateur de palette de couleurs JSON Skonc.
• VS Code: Visual Studio Code Les utilisateurs peuvent profiter du plugin de générateur de palettes de conception de matériaux, inspiré par et en fonction de ce projet.

Soutenir ce projet

Cet outil sera toujours gratuit mais votre soutien est grandement apprécié.

• Achetez-moi un café
• Venmo
• Application en espèces
• Paypal

Commentaires et contribution

Si vous remarquez un problème ou souhaitez une fonctionnalité ajoutée, veuillez déposer un problème sur GitHub. Vous pouvez également m'envoyer les détails.

Si vous êtes un développeur et que vous souhaitez aider avec le projet, veuillez commenter les problèmes ouverts ou en créer un nouveau. Une fois que nous sommes d'accord sur un chemin à parcourir, vous pouvez simplement faire une demande de traction et l'emmener à la ligne d'arrivée.

Crédits

• Salut, je suis Michael Edelstone. Vous pourriez également être intéressé par le générateur Tint & Shade, un autre outil de couleur utile que j'ai fait.
• La plupart de cela est le droit d'auteur Google Inc. Si vous faites quelque chose avec leur code, veuillez maintenir les licences qu'ils indiquent en haut des grands fichiers.
• Vous pouvez utiliser l'une de mes modifications sans crédit, sauf ...
• FAVICON Image gracieuseté de Rounddicons et tiré de Flaticon.com. Si vous le réutilisez, continuez à créditer le créateur.

Un grand merci à Ziya Fenn et Mateusz Skórka pour leurs précieuses contributions à ce projet.