Farb-Tools
Erstelle Paletten, Farbverläufe und prüfe den Farbkontrast für Design und Web.
Komplementärfarben-Generator
Finde die Komplementärfarbe zu jeder Hex-Farbe.
Analoge Farben-Generator
Erzeuge ein harmonisches analoges Farbschema aus jeder Grundfarbe.
Triadischer Farben-Generator
Erzeuge ein ausgewogenes triadisches Farbschema aus jeder Grundfarbe.
Farbpaletten-Generator
Erzeuge mit einem Klick eine zufällige 5-Farben-Palette.
Farbverlauf-CSS-Generator
Erstelle einen zweifarbigen CSS-Farbverlauf und kopiere den Code sofort.
Farbkontrast-Prüfer
Prüfe das WCAG-Kontrastverhältnis zwischen Text- und Hintergrundfarbe.
Farbton- und Abtönungs-Generator
Erzeuge Aufhellungen und Abdunklungen jeder Grundfarbe.
Zufälliger Farbgenerator
Erzeuge mit einem Klick zufällige Hex- und RGB-Farben.
Farbenblindheits-Simulator
Sieh dir an, wie eine Farbe bei Protanopie, Deuteranopie oder Tritanopie wirkt.
CMYK-Farbkonverter
Konvertiere jede Hex- oder RGB-Farbe für den Druck in CMYK.
Farbnamen-Finder
Finde die nächstgelegene benannte Farbe zu jedem Hex-Code.
Was diese Kategorie abdeckt
Farbtools für Design und Webarbeit: Paletten- und Harmonie-Generatoren (komplementär, analog, triadisch), CSS-Farbverlaufserstellung, Kontrastprüfung für Barrierefreiheit, Farbton-/Abtönungserstellung, Farbenblindheits-Simulation und Konvertierung zwischen Farbformaten.
So findest du das richtige Tool
Eine Palette aus einer einzelnen Markenfarbe zu erstellen beginnt je nach gewünschter Farbharmonie mit dem Komplementärfarben-Generator, dem Analoge-Farben-Generator oder dem Triadischen-Farben-Generator; der Farbpaletten-Generator erstellt auf einmal ein breiteres Set. Für eine einzelne Farbe in verschiedenen Werten erzeugt der Farbton- und Abtönungs-Generator hellere und dunklere Variationen. Web-Barrierefreiheit braucht den Farbkontrast-Prüfer, um zu bestätigen, dass Text die WCAG-Kontrastverhältnisse erfüllt, und den Farbenblindheits-Simulator, um ein Design so zu betrachten, wie es farbenblinde Nutzer sehen würden. Die Konvertierung zwischen Formaten — Hex, RGB, HSL, CMYK für den Druck — nutzt den CMYK-Farbkonverter und die in die anderen Farbtools integrierten Formatfelder. Der Farbnamen-Finder identifiziert die nächstgelegene benannte Farbe zu einem gegebenen Hex-Wert.
Typische Anwendungsfälle
Ein Designer erstellt mit dem Analoge-Farben-Generator eine fünffarbige Palette aus der Hauptfarbe einer Marke; ein Frontend-Entwickler prüft vor dem Launch eines Dark Mode den Textkontrast auf dem Hintergrund; eine Druckerei konvertiert eine websichere Hex-Farbe vor dem Druck in CMYK; ein Barrierefreiheits-Prüfer simuliert Farbenblindheit, um ein Diagramm zu erkennen, das seine Bedeutung nur über Farbe vermittelt.