CoolHue-Handpickel-Farbverlaufsbibliothek

Web-Farbverläufe sind heutzutage ein Dutzend, da CSS3 das Erstellen von Farbverläufen so einfach macht. Mit der richtigen Codebibliothek ist das noch einfacher.

Hier kommt der Wert von coolHue ins Spiel. Diese kostenlose Online-Bibliothek ist vielleicht der beste Ort dafür Finden Sie fantastische Farbverläufe für Ihre Website.

Die meisten Farbverläufe folgen einer sehr hellen zwei- oder dreifarbigen Pastellauswahl. Die Farbverläufe sind jedoch leicht zu bearbeiten, sodass Sie sie für jede Website verwenden können.

Auf der Hauptseite sieht es vielleicht nicht viel aus. Meistens handelt es sich um eine Sammlung handverlesener Farbverläufe mit unterschiedlichen Farbtönen und Farbwahlen. Wenn Sie jedoch das GitHub-Repo besuchen, finden Sie eine ganz andere Geschichte. Diese Sammlung ist die beste Wahl für das Finden personalisierte Farbpaletten, alle speziell für Websites entwickelt.

Es ist leicht genug, diese Farbverläufe auch in eine mobile App-Benutzeroberfläche zu portieren. Aber ich habe festgestellt, dass sie bei neueren Designtrends wie Schlagschatten am nützlichsten sind.

Beim Bearbeiten Ihrer Site können Sie Übergeben Sie Farbtöne in ein benutzerdefiniertes Array variable colorData. Dies sollte zusammen mit all Ihren Farbverlaufselementen in Ihrem Haupt-HTML-Code erscheinen.

Mit JavaScript haben Sie die vollständige Kontrolle darüber, wie die Farben zusammengefügt werden. CSS3 unterstützt auch mehrere Farben. Es ist jedoch schwieriger, sie für alle Seitenelemente und Browser zu verwenden.

Mit der coolHue-Site kannst du sogar Laden Sie kostenlose PNG-Dateien der Farbverläufe herunter. Auf diese Weise können Sie sie in Grafikdesign-Projekte oder Website-Mockups bearbeiten oder außerhalb von HTML / CSS / JS-Code verwenden.

Und wenn Sie ein großer Photoshop-Benutzer sind, gibt es sogar eine .grd-Verlaufsdatei mit allen coolHue-Farbverläufen. Super richtig?

Besuchen Sie das GitHub-Repo, um Anweisungen zum Einrichten und Beispielcodeausschnitte zu erhalten. Dort finden Sie auch die PS-Verlaufsdatei zusammen mit der Sketch-Verlaufsdatei und vieles mehr.