tints and shades
1.0.0
Dieses Projekt verwendet den ELEITY STATIC SITE -Generator und bereitet für Github -Seiten mit einer Github -Aktion von Shohei Ueda bereit.
Voraussetzungen: Node.js 14+
npm install .npm run start .localhost:8080 . Der Zweck dieses Werkzeugs besteht darin, Tinten (reines Weiß hinzugefügt) und Schattierungen (reines Schwarz hinzugefügt) einer bestimmten Sechskantfarbe in 10% Schritten genau zu erzeugen.
Es nimmt die Mathematik ernst. Nach meiner Erfahrung erhalten ähnliche Tools die Berechnung aufgrund von Rundungsfehlern, Erstellungseinstellungen oder anderen Inkonsistenzen falsch.
Das Testen zeigt, dass die Ausgabe die Berechnungsmethode von Chrome Devtools sowie einige etablierte, beliebte Methoden zur Ableitung von Farbtönen und Schattierungen über SASS übereinstimmt.
Es wird am besten verwendet, wenn Sie bereits einige Grundfarben haben, aber kostenlose Farben für Gradienten, Grenzen, Hintergründe, Schatten oder andere Elemente wünschen.
Dies ist nützlich für Designer, die Entwicklern, die SASS oder Postcss in ihren Builds verwenden, möglicherweise Farbabsichten vermitteln. Es ist auch eine solide Möglichkeit, sich schnell zu motivieren, wie Farbtöne und Farbtöne für eine Grundfarbe aussehen, die Sie möglicherweise für Ihr Design in Betracht ziehen.
Ich habe auch gehört, dass es für Lehrer, Datenfachleute und Menschen, die Präsentationen machen, nützlich ist.
Die angegebene Sechskantfarbe wird zuerst in RGB umgewandelt. Dann hat jede Komponente der RGB -Farbe die folgende Berechnung durchgeführt.
New value = current value + ((255 - current value) x tint factor)New value = current value x shade factorDer neue Wert wird bei Bedarf abgerundet und dann zur Anzeige in Hex umgewandelt.
Nehmen wir an, wir wollen Farbtöne und Schatten von Rebecca Purple, #663399.
102 + ((255 - 102) x .1) = 117.3 , auf 117 gerundet51 + ((255 - 51) x .1) = 71.4 , abgerundet auf 71153 + ((255 - 153) x .1) = 163.2 , abgerundet auf 163102 x .9 = 91.8 , auf 92 gerundet51 x .9 = 45.9 , auf 46 gerundet153 x .9 = 137.7 , abgerundet auf 138Dieses Projekt ist Open Source und ich würde Ihre Hilfe lieben!
Wenn Sie einen Fehler bemerken oder eine Funktion hinzugefügt haben möchten, stellen Sie bitte ein Problem auf GitHub ein. Wenn Sie dort kein Konto haben, senden Sie mir einfach die Details per E -Mail.
Wenn Sie ein Entwickler sind und beim Projekt helfen möchten, kommentieren Sie bitte offene Themen oder erstellen Sie eine neue und kommunizieren Sie Ihre Absichten. Sobald wir uns auf einen Weg nach vorne einig sind, können Sie einfach eine Pull -Anfrage stellen und ihn in die Ziellinie bringen.
Der Tint & Shade -Generator ist immer kostenlos, aber Ihre Unterstützung wird sehr geschätzt.
Michael Edelstone entwarf und organisierte das Projekt mit großer Unterstützung von Nick Wing auf den Farbberechnungen.
Wir verwenden diese erstaunlichen Open-Source-Bibliotheken im gesamten Projekt:
Vielen Dank an Joel Carr, Sebastian Gutierrez, Tim Scalzo, Aman Agarwal, Aleksandr Hovhannisyan, Shubhendu Sen und Luis Escarrilla für ihre wertvollen Beiträge.
