Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken

Letztes Artikel-Update: 29. Juli 2021

In diesem Artikel findest du jede Menge Farb-Tools, die dich in deinem Gestaltungsprozess unterstützen. Du findest passende Farbinspirationen und -kombinationen, kannst diese auf Barrierefreiheit testen usw.
4.9
(38)

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.

Farbpaletten entwerfen:

Farbtools, die dir helfen Farbkombinationen zu entwerfen/zu gestalten:

Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 1

ColorHexa

ColorHexa liefert zu einem einzugebenden Farbwert jede Menge Informationen und Beispiele wie Farbabstufungen, verschiedene Farbschemata und einen Farbblindheit-Simulator.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 2

Colormind

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.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 3

Colordot

Es beginnt mit einer großen Farbfläche. Per Mausbewegung lassen sich spielerisch die Farbtöne auswählen und ergänzen.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 4

Adobe Color

Fünf Farbtöne finden – entweder per Farbkreis oder mit exakten Werten oder dank verschiedener Farbharmonieregeln.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 5

Color interactor

Fünf Farbtöne auswählen und deren Interaktion begutachten.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 6

Colourcode

Im Prinzip wie Colordot, mit der Option verschiedene Farbharmonien anzeigen zu lassen.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 7

ColorMe

Farbton auswählen und dann mit Reglern die CSS-Farbfunktionen austesten.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 8

Coolors

Vier Farbtöne auswählen mit verschiedenen Auswahloptionen.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 9

Color Thief

Bild hochladen und sich darauf eine Farbpalette generieren lassen.


Kostenlose Infografik Farbwirkung

Farbverläufe gestalten

Tools, um Farbverläufe zu gestalten:

Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 10

CSS Gradient

Vielfältige Einstellungsmöglichkeiten, mit denen sich auch komplexere Verläufe umsetzen lassen. Dazu wird der dazugehörige CSS-Code generiert.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 11

Blend

Schlichte, simple Nummer: Zwei Farbwerte auswählen und Verlauf anschauen.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 12

GradPad

Zwei Farbtöne auswählen und dann spielerisch die Verlaufsrichtung bestimmen.


Farbverläufe entdecken:

Vorhandene Farbverläufe entdecken:

Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 13

Grabient

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.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 14

colourful gradients

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.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 15

CoolHue

60 frische Farbverläufe, die sich jeweils als Bilddatei herunterladen lassen.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 16

WebGradients

Auswahl an 180 frischen Farbverläufen, die sich jeweils als Bilddatei und CSS-Code herunterladen lassen.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 17

Gradient Hunt

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:

Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 18

WAVE Web Accessibility Evaluation Tool

Analysiert Websites auf Barrierefreiheit-Aspekte und gibt detaillierte Hinweise auf Accessibility-Probleme oder Fehler aus.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 19

Contrast Checker

Analysiert zwei eingegebene Farbwerte auf die Einhaltung der verschiedenen Accessibility-Kriterien.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 20

Color.review

Analysiert die die Accessibility-Kriterien zweier Farbwerte. Mit Hilfe von Kurven wird die Einhaltung der Kriterien angezeigt. Dazu werden Beispieltexte des Farbkontrastes angezeigt.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 21

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:

Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 22

Trending color palettes

Unzählige moderne Farbkombinationen entdecken, anpassen und herunterladen.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 23

Adobe Color Explore

Anhand von einzugebenden Stichworten werden passende Farbkombinationen und Bilder angezeigt.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 24

Multicolr

Anhand von auszuwählenden Farbwerten werden passende Bilder aus über 20 Millionen lizenzfreien flickr-Bildern angezeigt.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 25

Color Hunt

Viele Farbkombinationen zur Auswahl, die sich noch nach verschiedenen Kriterien filtern lassen.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 26

Design Seeds

Rießige Auswahl an aus Fotos extrahierten Farbkombinationen.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 27

Picular

Anhand von einzugebenden Stichworten werden passende Farbtöne angezeigt.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 28

ColorDrop

Unzählige Farbkombinationen mit jeweils vier Farbtönen zur Auswahl.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 29

Color Palettes

Nach eingegebenen Stichworten werden passende Farbkombinationen angezeigt.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 30

Material Design Colors

Alle 254 Farben von Googles Material Design System.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 31

Tilda Colors

Einzelne moderne Farbtöne und Farbverläufe stehen zur Auswahl.


Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken 32

HTML Color Codes

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.


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.

Und wenn du noch andere gute Farb-Tools kennst, teile sie gerne mit uns in den Kommentaren.

Kostenlose Infografik Farbwirkung

Bewertungsergebnis: 4.9 / 5. | Anzahl der Bewertungen: 38

webdesign-bibliothek_hoch

Kommentare zum Artikel

1 Kommentar zu „Über 30 Farb-Tools um Farbpaletten & Farbverläufe zu gestalten und zu entdecken“

  1. Mega,
    Vielen Dank für die Sammlung! Einige Tools sind bekannt. Gut das mal alle Zentriert auf einer Seite gelistet sind ich stöber mal weiter.

    Viele Grüße
    Andreas

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Über den Autor

Martin Hahn ist Webdesigner, Dozent, Fachbuchautor und dreifacher Papa.
Seit vielen Jahren hilft er anderen effektivere Webdesigns zu erstellen – in Schulungen und mit Artikeln auf dieser Website.

Mehr über diese Website
und den Autor erfahren   →

Scroll to Top