Die Farbauswahl ist eine herausfordernde und kreative Aufgabe. Vor allem da meistens nicht nur ein, zwei Farbtöne sondern gleich mehrere passende gefunden werden müssen. Zur Erleichterung und zur Inspiration gibt es viele Online-Tools. Die besten und hilfreichsten habe ich für dich gesammelt.
Inhaltsverzeichnis
Farbpaletten entwerfen
Farbtools, die dir helfen Farbkombinationen zu entwerfen/zu gestalten:
ColorHexa liefert zu einem einzugebenden Farbwert jede Menge Informationen und Beispiele wie Farbabstufungen, verschiedene Farbschemata und einen Farbblindheit-Simulator.
Bei Colormind lassen sich fünf Farbtöne generieren. Zuerst wird eine Kombination vorgeschlagen und es gibt verschiedene vorgefertigte Farbpaletten. Die fünf Werte lassen sich dann anpassen und mit HIlfer verschiedener Vorschau-Templates testen.
Es beginnt mit einer großen Farbfläche. Per Mausbewegung lassen sich spielerisch die Farbtöne auswählen und ergänzen.
Fünf Farbtöne finden – entweder per Farbkreis oder mit exakten Werten oder dank verschiedener Farbharmonieregeln.
Fünf Farbtöne auswählen und deren Interaktion begutachten.
Im Prinzip wie Colordot, mit der Option verschiedene Farbharmonien anzeigen zu lassen.
Farbton auswählen und dann mit Reglern die CSS-Farbfunktionen austesten.
Vier Farbtöne auswählen mit verschiedenen Auswahloptionen.
Bild hochladen und sich darauf eine Farbpalette generieren lassen.
Farbverläufe gestalten
Tools, um Farbverläufe zu gestalten:
Vielfältige Einstellungsmöglichkeiten, mit denen sich auch komplexere Verläufe umsetzen lassen. Dazu wird der dazugehörige CSS-Code generiert.
Schlichte, simple Nummer: Zwei Farbwerte auswählen und Verlauf anschauen.
Zwei Farbtöne auswählen und dann spielerisch die Verlaufsrichtung bestimmen.
Farbverläufe entdecken
Vorhandene Farbverläufe entdecken:
Verschiedene Farbverläufe zur Auswahl, die sich flexibel anpassen lassen, um dann ganz individuelle Verläufe zu generieren. Und am Ende lässt sich der dazugehörige CSS-Code kopieren.
Unzählige computergenerierte Verläufe, die sich täglich vermehren. Dafür lässt sich aber kein CSS-Code generieren oder die Verläufe anpassen.
60 frische Farbverläufe, die sich jeweils als Bilddatei herunterladen lassen.
Auswahl an 180 frischen Farbverläufen, die sich jeweils als Bilddatei und CSS-Code herunterladen lassen.
100 leuchtende Verläufe in einer „Mesh“-Optik, also kein Standard…
Unzählge Verläufe zur Auswahl, die sich auch jeweils als Bilddatei und CSS-Code herunterladen lassen.
Accessibility / Barrierefreiheit
Tools, um die Farben auf Barrierefreiheit zu checken:
WAVE Web Accessibility Evaluation Tool
Analysiert Websites auf Barrierefreiheit-Aspekte und gibt detaillierte Hinweise auf Accessibility-Probleme oder Fehler aus.
Analysiert zwei eingegebene Farbwerte auf die Einhaltung der verschiedenen Accessibility-Kriterien.
Analysiert die die Accessibility-Kriterien zweier Farbwerte. Mit Hilfe von Kurven wird die Einhaltung der Kriterien angezeigt. Dazu werden Beispieltexte des Farbkontrastes angezeigt.
Accessible color palette builder
Bis zu sechs Farbwerte eingeben und sich die Kombinationsmöglichkeiten anzeigen lassen, die nach Accessibility-Kriterien möglich sind.
Vorgefertigte Farben & Farbpaletten entdecken
Wer vorgefertigte Farbkombinationen sucht, findet hier vielfältige Anregungen und Vorlagen:
Unzählige moderne Farbkombinationen entdecken, anpassen und herunterladen.
Anhand von einzugebenden Stichworten werden passende Farbkombinationen und Bilder angezeigt.
Anhand von auszuwählenden Farbwerten werden passende Bilder aus über 20 Millionen lizenzfreien flickr-Bildern angezeigt.
Viele Farbkombinationen zur Auswahl, die sich noch nach verschiedenen Kriterien filtern lassen.
Rießige Auswahl an aus Fotos extrahierten Farbkombinationen.
Anhand von einzugebenden Stichworten werden passende Farbtöne angezeigt.
Unzählige Farbkombinationen mit jeweils vier Farbtönen zur Auswahl.
Nach eingegebenen Stichworten werden passende Farbkombinationen angezeigt.
Alle 254 Farben von Googles Material Design System.
Einzelne moderne Farbtöne und Farbverläufe stehen zur Auswahl.
Rießige Auswahl an vorgefertigten Farbpaletten.
Zwar nicht die große Auswahl an vorgefertigten Farbpaletten, aber die Art der Präsentation hebt sie von den anderen Seiten ab.
Weitere Farb-Tools
Hier gibt es alles zu Farben, Codes und HTML:
Zu Hexadezimalcodes werden die Werte für weitere Farbmodelle angezeigt, alle HTML-Farbcodes werden anschaulich aufgelistet usw.
Mit diesem Tool können Sie Farben zwischen fünf verschiedenen Formaten konvertieren: RGB, HEX, HSL, CMYK, HSV
Generiert aus einem Bild eine Farbpalette.
Große Sammlung an bekannten Marken/Unternehmen und deren Farbpaletten und -werte.
Google Arts & Culture Experiments
Aus einer gewählten Farbpalette werden dazu passende Bilder angezeigt.
Farb-Tools
Eine umfangreiche Sammlung, bei auch für dich was dabei sein sollte. Probiere die Tools aus und schaue, was am besten für dich, bzw. deinen Projektablauf passt. Wenn dich das Thema Farbe an sich interessiert, dann schaue auch mal auf die Seiten über Farbwirkungen und Farbkontraste.
