Farbe & Design
Farbwerkzeuge für Designer und Entwickler.
Wofür es gut ist
Farbe ist eine der wenigen Gestaltungsentscheidungen, die gleichzeitig die Ästhetik betrifft und darüber bestimmt, ob Menschen überhaupt lesen können, was du geschrieben hast. Gut zu wählen ist keine Geschmacksfrage: Es gibt mathematische Beziehungen, die erklären, warum bestimmte Farben zusammenpassen, und messbare Schwellen, die über die Lesbarkeit entscheiden.
Dazu kommt ein praktisches Problem, das auftaucht, sobald mehr als ein Werkzeug im Spiel ist: Dieselbe Farbe wird je nach Ziel anders geschrieben. HEX im Web, RGB in Editoren, CMYK in der Druckerei, HSL, wenn du einen Ton von Hand justieren willst. Von Hand umzurechnen ist langsam und fehleranfällig.
Dieser Bereich deckt die drei üblichen Bedürfnisse ab: zwischen Formaten umrechnen, funktionierende Kombinationen finden und vor der Veröffentlichung prüfen, ob das Ergebnis die Mindestwerte der Barrierefreiheit erfüllt.
Welches Werkzeug brauche ich
- Ich habe eine Farbe und brauche sie in einem anderen Format
- Der Farbwähler übersetzt sofort zwischen HEX, RGB, HSL und CMYK.
- Ich weiß nicht, welche Farben ich nehmen soll
- Der Palettengenerator schlägt fünf harmonische Farben vor, gleichmäßig über den Farbkreis verteilt. Klick mehrfach, bis eine Kombination passt.
- Ich will wissen, ob mein Text gut lesbar ist
- Der Kontrastprüfer berechnet das Verhältnis zwischen Text und Hintergrund und sagt dir, ob es die WCAG-Stufen AA und AAA erfüllt.
- Ich brauche die Farben eines Bildes oder Logos
- Bildfarben extrahieren im Bildbereich analysiert die Datei und liefert die dominanten Töne.
- Ich will eine hellere Variante meiner Markenfarbe
- Wandle die Farbe im Farbwähler nach HSL und erhöhe die Helligkeit bei gleichem Farbton. Das ist weit präziser als Herumprobieren in RGB.
Häufige Fragen
Welchen Mindestkontrast brauche ich?
Für normalen Text erfüllt 4.5:1 die Stufe AA, die üblicherweise verlangt wird und die die Barrierefreiheitsgesetzgebung vielen öffentlichen Websites vorschreibt. Stufe AAA verlangt 7:1.
Warum sehen meine Farben im Druck anders aus?
Bildschirme arbeiten in RGB mit Licht, Papier in CMYK mit Farbe. Manche Farben, besonders stark gesättigte Grün- und Blautöne, lassen sich schlicht nicht drucken.
Garantiert eine harmonische Palette Lesbarkeit?
Nein. Harmonie und Kontrast sind zweierlei: Zwei Farben können wunderbar zusammenpassen und übereinander trotzdem unlesbar sein. Prüfe den Kontrast immer getrennt.