Verglichen · geprüft am 2026-10-25
Die besten kostenlosen Werkzeuge für Farbpaletten und Kontrast
Ein Palettenwerkzeug soll Farben in einem Bild finden, aus einer Farbe Harmonien bilden, prüfen, ob Text lesbar bleibt, und die Palette an Ihre Design- oder Code-Werkzeuge übergeben. Hier steht, was jedes davon bietet, laut den eigenen Seiten.
Wir stellen Slop Colors her, eines der Werkzeuge auf dieser Seite. Jede Angabe zu den anderen Werkzeugen stammt von deren eigenen Seiten, unter jedem verlinkt, Stand 2026-10-25. Preise und Funktionen ändern sich: Prüfen Sie jede Website, bevor Sie sich entscheiden.
So haben wir verglichen
- Kostenlos, und was ein Konto oder ein Plan dazu bringt
- Farben aus einem Bild
- Harmonien und Skalen aus einer Farbe
- Kontrastprüfung nach WCAG
- Exportdateien (CSS, Tailwind, ASE, GPL)
Auf einen Blick
| Werkzeug | Preis | Läuft auf | Farben aus einem Bild | Kontrastprüfung |
|---|---|---|---|---|
| Slop Colors unsere | Kostenlos, kein Konto | Jeder moderne Browser | Pipette und Hauptfarben (k-means) | Verhältnis, AA und AAA, mit Korrektur |
| Coolors | Gratisplan; Pro-Plan | Web, iOS-App, Figma-Plugin, Chrome-Erweiterung | Image Picker | Contrast Checker |
| Adobe Color | Kostenlos | Web | Aus einem Bild extrahieren | Kontrastverhältnisse mit WCAG-Hinweisen |
| WebAIM Contrast Checker | Kostenlos | Web | Nein (eine Pipette wählt vom Bildschirm) | AA und AAA, normaler und großer Text, Oberflächen |
| Funktion | Slop Colors unsere | Coolors | Adobe Color | WebAIM Contrast Checker |
|---|---|---|---|---|
| Farben aus einem Bild | Ja | Ja | Ja | Nein |
| Harmonien aus einer Farbe | Ja | Nicht angegeben | Ja | Nein |
| Kontrastprüfung nach WCAG | Ja | Ja | Ja | Ja |
| Stufen für großen Text und Oberflächen | Ja | Nicht angegeben | Nicht angegeben | Ja |
| Vorschau für Farbenblindheit | Nein | Nicht angegeben | Ja | Nein |
| CSS-Export | Ja | Ja | Nicht angegeben | Nein |
| Tailwind-Export | Ja | Ja | Nicht angegeben | Nein |
| Adobe-.ase-Export | Ja | Ja | Nicht angegeben | Nein |
| GIMP-.gpl-Export | Ja | Nicht angegeben | Nicht angegeben | Nein |
| OKLCH-Werte | Ja | Nicht angegeben | Nicht angegeben | Nein |
| Kein Konto nötig | Ja | Teilweise | Teilweise | Ja |
| Bilder bleiben auf Ihrem Gerät | Ja | Nicht angegeben | Nicht angegeben | Ja |
1. Slop Colors (unsere)
Am besten für: Farben privat aus eigenen Bildern aufnehmen, den Kontrast prüfen und eine Palette als Code oder Farbdatei exportieren, alles auf einer Seite.
Gut
- Bilder werden im Browser gelesen und nie hochgeladen
- Export als CSS-Variablen, Tailwind-Konfiguration, JSON, Adobe .ase und GIMP .gpl; die Dateien lassen sich wieder öffnen
- HEX, RGB, HSL, OKLCH und CMYK; OKLCH-Farben außerhalb des Farbraums werden in sRGB abgebildet
Weniger gut
- Keine Bibliothek geteilter Paletten zum Durchstöbern
- Keine Vorschau für Farbenblindheit
- Kein Export der Palette als PDF oder Bild
2. Coolors
Am besten für: Paletten schnell erzeugen und durchsehen, mit großer Bibliothek und Erweiterungen für Designwerkzeuge.
Gut
- Generator per Leertaste und über 10 Millionen Paletten zum Entdecken
- Export als PDF, Bild, CSS, ASE, SVG, Code und Tailwind
- Palette Visualizer zeigt Farben auf Entwürfen
Weniger gut
- Der Gratisplan umfasst bis zu 10 Paletten; laut seiner Seite gehören Farbextraktion mit Image Picker und erweiterter Export zu den Pro-Funktionen
Website von Coolors · Quellen: Coolors-Startseite
3. Adobe Color
Am besten für: Designer in Adobe-Apps, die Harmonieregeln auf einem Farbkreis nutzen und Paletten in ihrer Bibliothek speichern wollen.
Gut
- Monochrom, komplementär, analog, triadisch und geteilt-komplementär als Regeln auf einem Farbkreis
- Vorschau für Farbenblindheit
- Speichert Paletten in Ihrer Bibliothek für andere Projekte
Weniger gut
- Die Seite zum Farbkreis erwähnt keine Exportdateien
Website von Adobe Color · Quellen: Adobe Color, Farbkreis
4. WebAIM Contrast Checker
Am besten für: Ein Text- und Hintergrundpaar nach WCAG prüfen, mit einem Link zum Teilen des Ergebnisses.
Gut
- Helligkeitsregler zum Anpassen beider Farben
- Permalink und eine JSON-Schnittstelle für das Ergebnis
- Alpha für den Vordergrund
Weniger gut
- Prüft ein Paar; erstellt oder exportiert keine Paletten
Website von WebAIM Contrast Checker · Quellen: WebAIM Contrast Checker
Welches Sie wählen sollten
Slop Colors ist unsere Wahl, wenn die Farben aus eigenen Bildern kommen und die Palette in Code oder einem Designwerkzeug landen soll: Pipette, Hauptfarben, Kontrastprüfung und Export sind auf einer Seite, und nichts wird hochgeladen.
Wählen Sie Coolors für Generator, Bibliothek und Plugins, Adobe Color für den Farbkreis und die Adobe-Bibliothek und den WebAIM-Checker, um ein einzelnes Paar zu prüfen und zu teilen.
Fragen
Welches Kontrastverhältnis brauche ich?
WCAG AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text und Oberflächenteile; AAA verlangt 7:1 bzw. 4,5:1. Alle vier Werkzeuge zeigen das Verhältnis an.
Welche Datei öffnet sich in Photoshop oder Illustrator?
Eine Adobe-Swatch-Exchange-Datei (.ase). Slop Colors und Coolors exportieren beide eine.
Wird mein Bild hochgeladen?
Nicht in Slop Colors: Es wird im Browser gelesen. Prüfen Sie bei jedem anderen Werkzeug die eigenen Datenschutzhinweise.
Namen anderer Produkte sind Marken ihrer Inhaber. Slopographic ist mit ihnen nicht verbunden.