Farbwähler und Farbcode-Umrechner

Wählen Sie eine Farbe oder fügen Sie einen Code ein: sofortige Umrechnung in HEX, RGB, HSL und CMYK, Bildschirm-Pipette, Abstufungen und Kontrast. Kostenlos.

Kostenlos
Ohne Anmeldung
Kein Datei-Upload
Windows, Mac, Android, iPhone

Werkzeug wird geladen…

Dieses Tool teilen

Über dieses Werkzeug

Sie haben einen HEX-Code und brauchen RGB für ein Programm, HSL für ein Stylesheet oder CMYK für die Druckerei? Wählen Sie die Farbe oder fügen Sie ihren Code ein: Alle vier Formate erscheinen zusammen, jedes mit einer Kopieren-Schaltfläche. Die Pipette nimmt eine Farbe von einer beliebigen Stelle des Bildschirms auf.

Wann es hilft

Zwischen Programmen wechseln

Einen HEX-Code aus einem Entwurf als RGB in ein Office-Programm übertragen, oder umgekehrt.

Druck vorbereiten

Erhalten Sie einen ersten CMYK-Wert für eine Bildschirmfarbe, den Sie mit der Druckerei abstimmen.

Eine Farbe finden

Nehmen Sie mit der Pipette die Farbe eines Logos oder einer angezeigten Seite auf.

So funktioniert's

Wählen Sie eine Farbe im Farbwähler oder fügen Sie einen Code oder Farbnamen ein.
Lesen Sie die Farbe in HEX, RGB, HSL und CMYK.
Kopieren Sie das benötigte Format.
Nutzen Sie bei Bedarf die Pipette, die Abstufungen oder die Kontrastprüfung.

So funktioniert es

Die Umrechnungen erfolgen in Ihrem Browser: HSL aus Farbton, Sättigung und Helligkeit der RGB-Farbe, CMYK nach der theoretischen Formel ohne ICC-Profil. CSS-Namen („tomato“, „navy“ …) liest der Browser selbst.

Die Pipette nutzt die EyeDropper-API, verfügbar in Chrome und Edge am Computer. Der Kontrast zu Weiß und Schwarz folgt der WCAG-2-Formel.

Tipps für beste Ergebnisse

Für Text auf Weiß sollte der Kontrast mindestens 4,5:1 betragen (Stufe AA).
HSL erleichtert Varianten: Ändern Sie nur die Helligkeit für einen helleren oder dunkleren Ton.
Für professionellen Druck nutzen Sie das CMYK-Profil der Druckerei statt einer theoretischen Umrechnung.
Um mehrere passende Farben zusammenzustellen, wechseln Sie zum Farbpaletten-Generator.

Häufige Probleme und Lösungen

Die Pipette erscheint nicht

Sie gibt es nur in Chrome und Edge am Computer. Machen Sie sonst einen Screenshot und nutzen Sie „Farben eines Bildes“.

Gedrucktes CMYK sieht anders aus als am Bildschirm

Der Bildschirm mischt Licht, der Drucker Tinte: Manche leuchtenden Farben lassen sich nicht drucken. Bitten Sie die Druckerei um einen Proof.

Mein Code wird nicht erkannt

Prüfen Sie das Format: #rrggbb, rgb(r, g, b), hsl(h, s%, l%) oder cmyk(c%, m%, y%, k%).

Häufige Fragen

Was ist der Unterschied zwischen HEX und RGB?

Es ist dieselbe Farbe, anders geschrieben: HEX gibt die Rot-, Grün- und Blauwerte hexadezimal an, RGB als Zahlen von 0 bis 255.

Ist der CMYK-Wert genau?

Es ist eine theoretische Umrechnung. Das Druckergebnis hängt von Papier, Farben und dem Profil der Druckerei ab.

Kann ich einen Farbnamen eingeben?

Ja, alle CSS-Namen funktionieren: „tomato“, „navy“, „rebeccapurple“ …

Wie nehme ich eine Farbe vom Bildschirm auf?

Mit der Pipette in Chrome oder Edge am Computer: Klicken Sie danach auf eine beliebige Stelle des Bildschirms.

Werden meine Farben gesendet?

Nein, alles wird in Ihrem Browser berechnet; die letzte Farbe bleibt für den nächsten Besuch in Ihrem Browser.

Immer noch ein Problem?

Frag im Forum: Kategorie, Werkzeug, Datenblatt deines Geräts und Testergebnis werden automatisch ausgefüllt.