Farbwerkzeug

Farben leben in vielen Schreibweisen. Der Designer schickt dir ein HEX, das Stylesheet will RGB, die Druckerei fragt nach CMYK und die Animation braucht HSL, weil man da den Farbton so schön drehen kann. Das Farbwerkzeug hält alle vier Darstellungen synchron: Du änderst eine, die anderen ziehen live nach. Auch die 140 benannten CSS-Farben versteht es, du kannst also einfach "rebeccapurple" oder "tomato" eingeben.

Aus einer einzigen Grundfarbe baut das Werkzeug fertige Farbharmonien. Komplementär, analog, triadisch, Split-Komplementär, tetradisch oder monochromatisch - jede Palette folgt den klassischen Regeln der Farbtheorie und liefert dir gleich mehrere abgestimmte Töne, die zusammen funktionieren. Ideal für ein Branding, eine Website oder ein Diagramm, bei dem die Farben nicht beißen sollen.

Der Kontrast-Checker rechnet das Kontrastverhältnis zweier Farben aus und sagt dir direkt, ob es die WCAG-Stufen AA und AAA für normalen und großen Text erreicht. Barrierefreiheit ist kein Nice-to-have, sondern für viele Websites Pflicht - hier siehst du auf einen Blick, ob dein Text auf dem Hintergrund lesbar bleibt.

Die Simulation für Farbfehlsichtigkeit ist der ehrliche Realitätscheck. Rund jeder zwölfte Mann sieht Farben anders. Das Werkzeug zeigt deine Farben so, wie sie bei Protanopie, Deuteranopie, Tritanopie oder völliger Farbenblindheit ankommen. So merkst du früh, wenn dein rot-grüner Ampelstatus für einen Teil deiner Nutzer ununterscheidbar wird.

Dazu gibt es einen Farbverlaufs-Generator für lineare und radiale Gradienten mit mehreren Stopps, einen Eyedropper zum Aufnehmen einer Farbe vom Bildschirm (wo der Browser es unterstützt) und die Möglichkeit, Farben aus einem hochgeladenen Bild zu ziehen. Eigene Paletten kannst du benennen und lokal speichern.

Alles läuft im Browser, ohne Konto und ohne dass ein Bild oder ein Farbwert auf einen Server wandert. Deine Entwürfe bleiben deine Entwürfe. Ergebnisse sind mit einem Klick kopierbar, egal ob du den HEX-Code, die CSS-Gradient-Regel oder die ganze Palette brauchst.