Farbe ist eines der wichtigsten Elemente im Design. Die Wahl der richtigen Farbpalette für Ihre Website kann den Unterschied zwischen einem attraktiven Design oder einem altmodischen oder unangenehmen Aussehen ausmachen.

In diesem Artikel stellen wir mehrere Tools zusammen, die Ihnen helfen können, die besten Farben für Ihre Website auszuwählen. Wir haben alles enthalten, von Tutorials über grundlegende und fortgeschrittene Farbtheorie bis hin zu Werkzeugen, mit denen man ausgewogene Farbpaletten erstellen kann.

Farbe verstehen

Ein enormer Leitfaden für die Farbpsychologie

Dieser Leitfaden ist eine detaillierte Untersuchung der Psychologie der Farbe, mit einer nützlichen Tabelle von Bedeutungen und Assoziationen von Farbe. Lernen Sie die Wissenschaft und Theorie der Farbe, wie man die Farbpsychologie im Marketing anwendet und wie man alles in eine zusammenhängende Strategie integriert.

Die Anleitung für den Designer zum Farbkontrast.

Hinter den Farben, die Menschen anziehen, steckt Psychologie. Erfahren Sie mehr über den Farbkontrast, einschließlich der Frage, wie und warum Sie ihn in Ihren Designs verwenden sollten. Verwenden Sie diesen WebdesignerDepot.com Leitfaden, um eine Ästhetik zu schaffen, die Ihre Kunden zufrieden stellt.

Tools und Ressourcen

Adobe Color CC

Adobe Color CC ist ein Werkzeug zum Erstellen, Speichern und Untersuchen von Farbpaletten. Definiere die Grundfarben, wähle die Farbregeln für deine Paletten…..

Sie können sogar eine Farbpalette aus einem Foto extrahieren. Machen Sie einfach ein Foto mit Ihrem Smartphone, und Adobe Color zeigt Ihnen die Farbpalette dieses Bildes an.

Stylify Me

Stylify Me wurde entwickelt, um Designern zu helfen, sich schnell einen Überblick über den Style Guide einer Website zu verschaffen, einschließlich Farben, Schriften, Größe und Abstand. Alles, was Sie tun müssen, ist, eine URL einzugeben, um eine Website zu recherchieren, ohne jedes Element überprüfen zu müssen.

Colourlovers

Colourlovers ist eine internationale Kreativ-Community, in der Designer und Künstler Farben, Paletten und Muster kreieren und austauschen, die neuesten Trends diskutieren und Publikationen zu verwandten Themen lesen. Holen Sie sich die Werkzeuge und Dienstleistungen, um von der Designinspiration bis zur Ausführung Ihres nächsten Projekts zu gehen.

Coolers

Coolors ist ein Generator von Farbkombinationen. Schreiben Sie Ihre Farbe und entdecken Sie die verschiedenen Kombinationen. Entdecken Sie Tausende von beliebten Paletten von anderen Kreativprofis. Extrahiere die dominanten Farben aus deinen Bildern und erhalte automatisch eine Kombination. Erstelle dein Profil und halte alle deine Farbschemata mit Tags organisiert. Verwenden Sie die iOS-Anwendung, die Chrome-Erweiterung oder das Adobe-Plugin.

Color-hex

Color-hex gibt Informationen über Farben, einschließlich Farbmodelle (RGB, HSL, HSV und CMYK), triadische Farben, monochromatische Farben und analoge Farben, die auf der Farbseite berechnet wurden. Color-hex generiert auch einen einfachen CSS-Code für die ausgewählte Farbe. Beispiele für HTML-Elemente werden auch unterhalb der Detailseite einer Farbe angezeigt.

ColorExplorer

ColorExplorer ist eine Online-Toolbox für die Arbeit mit Farbpaletten. Wählen Sie eine Basisfarbe und dann die Algorithmen aus, die Sie bevorzugen, um Ihre Palette zu erstellen. Erkunden Sie Farbbibliotheken, einschließlich der gängigsten Druckfarben, sowie RGB-Farbbibliotheken.

Design Seeds

Design Seeds ist eine Kollektion von Paletten, die von der Designerin Jessica Colaluca entworfen und ausgewählt wurde. Senden Sie Fotos über Instagram mit dem #SeedsColor Hashtag. Suchen Sie nach Paletten mit der im Blog gefundenen Suchfunktion, indem Sie einen bestimmten Titel, den Instagram-Namen des Fotografen oder ein allgemeines Stichwort eingeben. Durchsuchen Sie die Paletten nach Kollektion, Farb- oder Saisonatlas.

ColorZilla

ColorZilla ist eine Erweiterung für Firefox und Chrome, die Webentwicklern und Grafikdesignern bei grundlegenden und erweiterten farbbezogenen Aufgaben hilft. Seine Hauptfunktion ist es, das Dropper-Tool in jedem Element deines Nagevador zu verwenden. ColorZilla gibt Ihnen den ausgewählten Farbcode und Sie können ihn in ein anderes Programm kopieren.

CheckMyColours

CheckMyColours ist ein Werkzeug, um Vorder- und Hintergrundfarben aller JavaScript-DOM-Elemente zu überprüfen und festzustellen, ob sie genügend Kontrast bieten, wenn sie von jemandem mit einer Sehbehinderung betrachtet werden, um Farbe zu sehen. Alle Tests basieren auf Algorithmen, die vom World Wide Web Consortium vorgeschlagen wurden.

Paletton

Paletton ist ein Werkzeug zum Erstellen von Farbkombinationen und Farbpaletten. Paletton ist als Farbrad konzipiert und wendet die klassische Farbtheorie in einem RYB-Farbraum an. Dadurch unterscheiden sich die daraus resultierenden Farbkombinationen von denen anderer Palettengeneratoren.

Colordot

Colordot ist eine einfache Möglichkeit, Farbpaletten mit einem Fingerstreich zu erstellen und zu teilen. Schieben Sie Ihren Finger nach links und rechts, um den Farbton einer Farbe zu ändern. Auf und ab ändert die Helligkeit einer Farbe. Um eine mehr oder weniger intensive Farbe zu erzeugen, kneifen Sie mit zwei Fingern. Colordot hat auch eine iOS-Anwendung.