Skip to content
clkr

Loading tools…

    Farbwähler

    Wähle Farben mit dem Farbwähler und wandle HEX in RGB, HSL, HSV und CMYK um. Kostenlos online mit Bild-Pipette, Tönungen und WCAG-Kontrastprüfung.

    Wird geladen…

    What next?

    Hilfreich? Teilen Sie Farbwähler

    Kostenlos, ohne Anmeldung, läuft im Browser – schick es einem Freund oder füge es deiner Seite hinzu.

    Teil des Toolkits

    So verwenden Sie Farbwähler

    1. 1Wähle eine Farbe mit dem Farbwähler, gib einen HEX-, RGB- oder HSL-Wert ein oder nutze „Vom Bildschirm wählen“ (Chrome/Edge am Desktop)
    2. 2Kopiere die Farbe mit einem Klick als HEX, RGB, HSL, HSV oder CMYK
    3. 3Klicke auf einen Farbton oder Schatten, um Varianten zu entdecken, den WCAG-Kontrast gegen jeden Hintergrund zu prüfen oder ein Bild hochzuladen und darauf zu klicken, um die Farbe eines Pixels zu übernehmen

    Häufig gestellte Fragen

    Wie wandle ich HEX in RGB um?▾

    Teile die sechs Hex-Ziffern in drei Paare und rechne jedes von Basis 16 in Basis 10 um: #4F46E5 → 4F = 79, 46 = 70, E5 = 229, also rgb(79, 70, 229). Füge oben einen beliebigen HEX-Code ein, um ihn sofort umzurechnen.

    Wie bekomme ich eine Farbe aus einem Bild?▾

    Klicke auf Bild hochladen und dann auf einen beliebigen Punkt im Bild. Die exakte Pixelfarbe erscheint als HEX, RGB und HSL. Nichts wird hochgeladen – das Bild bleibt in deinem Browser.

    Welches Kontrastverhältnis brauche ich für Barrierefreiheit?▾

    WCAG 2.1 AA verlangt mindestens 4.5:1 für normalen Text und 3:1 für großen Text (18 pt oder 14 pt fett). AAA verlangt 7:1. Der Kontrastprüfer zeigt, welche Stufen deine Farbe besteht.

    Was ist der Unterschied zwischen RGB und CMYK?▾

    RGB mischt Licht für Bildschirme, CMYK mischt Druckfarben. Die CMYK-Werte hier sind eine einfache Umrechnung – für professionellen Druck verwende das ICC-Farbprofil deiner Druckerei.

    Embed Farbwähler on your website▾

    Paste this snippet into your page. The embedded tool runs in your visitor's browser and shows a small “Powered by clkr.work” link.