Alle Farb-Tools

Ein Werkzeugkasten für die tägliche Farbarbeit

Arbeit mit Farbe endet selten nach einem einzigen Schritt. Du nimmst eine Farbe aus einem Mockup auf, überführst sie in die Schreibweise, die dein Code braucht, prüfst, ob sie auf ihrem Hintergrund lesbar bleibt, und baust vielleicht noch eine kleine Palette darum herum. Diese Seite deckt die ganze Kette mit schnellen, fokussierten Seiten ab: einen Farbwähler, der mit Zoom-Lupe exakte Pixel aus jedem Bild ausliest, Konverter für jede gängige CSS-Schreibweise, einen WCAG-Kontrast-Checker, einen Direktvergleich mit Delta E und einen Paletten-Extraktor für Fotos.

Starte mit einem Bild oder mit einem Wert

Wenn dein Ausgangspunkt ein Foto, ein Screenshot oder ein Logo ist, nimm den Farbwähler für Bilder – oder extrahiere in einem Rutsch gleich eine ganze Palette der dominanten Farben. Hast du bereits einen Wert, übersetzen die Konverter zwischen HEX (auch in Kurzform und achtstellig mit Alpha), rgb(), hsl(), CMYK für die Druckübergabe und den modernen Räumen Lab, LCH und OKLCH – mit eigenen Seiten für beliebte Paare wie HEX zu RGB oder HEX zu HSL, die jeweils genau erklären, wie die Rechnung funktioniert.

Prüfen, bevor du veröffentlichst

Der Kontrast-Checker bewertet Kombinationen aus Text- und Hintergrundfarbe an den WCAG-Schwellen AA und AAA und schlägt Korrekturen vor, wenn eine Kombination durchfällt. Das Vergleichswerkzeug nennt Delta E, ein Maß für den wahrnehmungsgerechten Abstand, und beantwortet damit die Frage „sind diese beiden Markenblaus wirklich dasselbe?“ weit verlässlicher als das bloße Auge. Und wenn du nicht eine Antwort, sondern einen Startpunkt brauchst, führt der Zufallsfarben-Generator mit Sperre und Verlauf schnell aus dem leeren Blatt heraus.

Privatsphäre ist eingebaut

Alles hier läuft vollständig in deinem Browser. Bilder werden lokal gelesen und nie hochgeladen; Farben, die du eingibst, aufnimmst oder speicherst, werden nie übertragen. Gespeicherte Farben und Einstellungen liegen ausschließlich im localStorage deines Browsers und lassen sich jederzeit löschen. Es gibt kein Konto, kein Wasserzeichen und keine Bezahlschranke – nur Werkzeuge. Mehr dazu auf der Über-Seite oder in der Datenschutzerklärung.