material palette generator

Materialdesign -Palettengenerator

Was ist das?

Dies ist ein (leicht modifizierter) Klon des offiziellen Materialdesign -Palettengenerators. Es macht ein paar Dinge:

1. Baut Ihnen eine volle Farbpalette aus einer bestimmten Sechskantfarbe auf
2. Bietet Ihnen komplementäre Farben, die auf Ihrer primären Farbe basieren
3. Ermöglicht es Ihnen, die Paletten als JSON- oder CSS -Variablen zu exportieren

Beide basieren auf Materialentwurfsstandards und verwenden den Google -Algorithmus zur Farbableitung.

Warum ist das?

Der offizielle Palettengenerator von Google ist tief in den materiellen Dokumenten eingebettet und begraben. Da es sich um ein Inline -Tool handelt, ist es auch vor Suchmaschinen versteckt, was es schwierig macht, es zu entdecken oder zu Lesezeichen.

Um es ein wenig einfacher zu machen, auf meine eigene zukünftige Verwendung zuzugreifen und es zu bewahren, habe ich den verschleierten Code gepackt (die ursprünglichen Skripte scheinen nirgendwo öffentlich zu sein) und fügte einige Verbesserungen kleiner Schnittstellen hinzu. Ich habe die Art und Weise, wie Farben abgeleitet werden, nicht geändert.

Plugins

• Skizze: Nach dem Erstellen von Paletten und dem Exportieren der JSON -Daten können Sketch -Benutzer mit dem Sketch JSON -Farbpaletten -Importeur -Plugin problemlos gemeinsam genutzte Ebenenstile erstellen.
• VS -Code: Visual Studio Code Benutzer können das von diesem Projekt inspirierte und basierende von diesem Projekt inspirierte Materialdesign -Palettengenerator -Plugin nutzen.

Unterstützen Sie dieses Projekt

Dieses Tool wird immer kostenlos sein, aber Ihre Unterstützung wird sehr geschätzt.

• Kaufen Sie mir einen Kaffee
• Venmo
• Cash App
• Paypal

Feedback und Beitrag

Wenn Sie ein Problem bemerken oder eine Funktion hinzugefügt haben möchten, stellen Sie bitte ein Problem auf GitHub ein. Sie können mir auch die Details per E -Mail senden.

Wenn Sie Entwickler sind und beim Projekt helfen möchten, kommentieren Sie bitte offene Themen oder erstellen Sie eine neue. Sobald wir uns auf einen Weg nach vorne einig sind, können Sie einfach eine Pull -Anfrage stellen und ihn in die Ziellinie bringen.

Credits

• Hallo, ich bin Michael Edelstone. Möglicherweise interessieren Sie sich auch für den Tint & Shade Generator, ein weiteres nützliches Farbwerkzeug, das ich gemacht habe.
• Das meiste davon ist das Urheberrecht von Google Inc., wenn Sie mit ihrem Code etwas tun, bitte halten Sie die Lizenzen, die sie an der Spitze der großen Dateien angeben.
• Sie können meine Änderungen ohne Kredit verwenden, außer ...
• Favicon Image mit freundlicher Genehmigung von Roundicons und von flaticon.com gezogen. Wenn Sie es wiederverwenden, schreiben Sie den Schöpfer bitte weiter.

Vielen Dank an Ziya Fenn und Mateusz Skórka für ihre wertvollen Beiträge zu diesem Projekt.