Farbwähler & Konverter

Ja — vollständig kostenlos ohne Anmeldung, ohne Konto und ohne Nutzungsbeschränkungen. Er läuft vollständig in Ihrem Browser, sodass die Farben, die Sie auswählen, einfügen oder aufnehmen, Ihr Gerät nie verlassen. Es muss nichts installiert werden und kein Abonnement ist erforderlich. Jede Funktion — Konvertierung, Pipette, Bildauswahl, WCAG-Kontrastprüfung, Töne und Schatten, Farbenblindheit-Simulation und Farbschema-Generierung — ist ab dem ersten Besuch kostenlos verfügbar, ohne Konto.

Fügen Sie Ihren Hex-Code (mit oder ohne führendes #) in das HEX-Feld ein und die RGB-, HSL-, HSV-, CMYK- und OKLCH-Werte aktualisieren sich sofort. Fügen Sie z. B. #3b82f6 ein und Sie sehen sofort rgb(59, 130, 246) im RGB-Feld und hsl(217, 91%, 60%) im HSL-Feld. Jedes Format bleibt synchronisiert — Sie müssen eine Farbe nur einmal eingeben. Die Konvertierung ist bidirektional: Geben Sie einen RGB-Wert ein und HEX sowie alle anderen Felder aktualisieren sich auf dieselbe Weise.

Das Tool konvertiert bidirektional zwischen sechs Formaten: HEX (der #rrggbb-Code für HTML und CSS), RGB (Rot-Grün-Blau-Werte 0–255), HSL (Farbton 0–360°, Sättigung und Helligkeit als Prozentsätze), HSV/HSB (Farbton-Sättigung-Wert, das Modell der meisten Design-App-Farbwähler), CMYK (Cyan-Magenta-Gelb-Schwarz-Prozentsätze für Druckvorschau) und OKLCH (ein moderner, wahrnehmungsgleichmäßiger Farbraum). Ändern Sie ein Feld und die anderen fünf aktualisieren sich sofort.

Ja — dies ist ein vollständiger Bildfarbwähler. Laden Sie ein Foto hoch, ziehen und legen Sie es ab, oder fügen Sie es aus Ihrer Zwischenablage ein (Strg+V / Cmd+V), fahren Sie dann mit der Maus über das Bild und klicken Sie, um die exakte Farbe eines beliebigen Pixels zu erfassen. Eine eingebaute Lupen-Vergrößerung zoomt für pixelgenaue Auswahl. Das Bild wird lokal in Ihrem Browser mit einem HTML-Canvas verarbeitet und wird nie auf einen Server hochgeladen.

Ja. Der WCAG-Kontrastprüfer berechnet das luminanzbasierte Kontrastverhältnis zwischen Ihrer gewählten Farbe und weißem sowie schwarzem Hintergrund und zeigt Bestehen/Nichtbestehen-Abzeichen für AA und AAA für normalen Text, großen Text und UI-Komponenten an. WCAG AA erfordert ein Verhältnis von 4,5:1 für normalen Text (3:1 für großen Text); WCAG AAA erfordert 7:1 (4,5:1 für großen Text). Der Prüfer aktualisiert sich live, wenn Sie ein Farbfeld anpassen.

OKLCH ist ein moderner, wahrnehmungsgleichmäßiger Farbraum, der in CSS Color Level 4 eingeführt wurde. Im Gegensatz zu RGB oder HSL, wo gleiche numerische Änderungen keine gleichmäßig wahrgenommenen Unterschiede für das menschliche Auge erzeugen, ist OKLCH so kalibriert, dass die Erhöhung oder Verringerung des Helligkeitswerts (L) um einen festen Betrag ein visuell konsistentes Ergebnis unabhängig vom Farbton erzeugt. Das macht es ideal für den Aufbau barrierefreier, ausgewogener Farbpaletten. OKLCH kann auch Farben mit erweitertem Farbraum (Display P3) darstellen und wird nativ von modernen Browsern unterstützt.

Ja. Das gesamte Tool läuft in jedem modernen mobilen Browser — Safari auf iPhone/iPad und Chrome auf Android. Das Farbrad, die Formateingabefelder, der Bildfarbwähler, der WCAG-Kontrastprüfer, die Ton-/Schattenskala und der Farbschema-Generator funktionieren normal auf Mobilgeräten. Die Bildschirm-Pipette ist auf mobilen Browsern nicht verfügbar (es ist eine Desktop-Chrome/Edge-API), aber der Bildwähler und das Einfügen aus der Zwischenablage funktionieren auf Mobilgeräten einwandfrei.