Farbwähler
Eine Farbe aus dem Farbfeld wählen oder direkt vom Bildschirm greifen, mit der EyeDropper-API — hex, RGB und HSL in einem Klick kopiert.
#0071e3rgb(0, 113, 227)hsl(210, 100%, 45%)Your browser does not expose the EyeDropper API, so use the swatch input; hex/rgb/hsl values still update live.
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Daten verlassen Ihr Gerät nie — sie werden auf keinen Server hochgeladen.
So verwenden Sie es
- 1Klicken Sie auf das Farbfeld und wählen Sie eine Farbe, oder nutzen Sie Vom Bildschirm wählen, wo verfügbar.
- 2Lesen Sie die hex-, RGB- und HSL-Werte unter der Vorschau.
- 3Klicken Sie neben dem benötigten Format auf Kopieren.
Farbwähler
Klicken Sie auf das Farbfeld, um eine Farbe visuell zusammenzustellen, oder — in Chromium-Browsern — nutzen Sie Vom Bildschirm wählen, um jedes bereits sichtbare Pixel zu sampeln. Der gewählte Wert erscheint gleichzeitig als hex, rgb() und hsl(), jeweils mit eigener Kopiertaste.
Das Sampling nutzt die eingebaute EyeDropper-API des Browsers und liest das Pixel lokal; nichts wird aufgezeichnet, hochgeladen oder gespeichert. Auf Browsern ohne die API hält das Farbfeld alles am Laufen.
Häufige Fragen
Warum erscheint „Vom Bildschirm wählen“ nicht?
Die EyeDropper-API gibt es derzeit in Chromium-Browsern (Chrome, Edge, Brave, Opera). Firefox und Safari exponieren sie noch nicht — diese Browser zeigen daher nur das Farbfeld, alles andere funktioniert identisch.
Worin unterscheiden sich hex, RGB und HSL?
Sie beschreiben dieselbe Farbe auf drei Arten: hex packt Rot-Grün-Blau in #RRGGBB für CSS und Designtools; rgb() nennt die drei Kanäle numerisch; hsl() drückt Farbton, Sättigung und Helligkeit aus — leichter, um Paletten und Hover-Zustände von Hand zu bauen.
Ist das Bildschirm-Sampling privat?
Ja. Die EyeDropper-API zeigt einen Systemwähler und liefert nur das eine Pixel zurück, auf das Sie klicken; das Lesen geschieht in Ihrem Browser, und kein Screenshot, keine Historie, kein Wert wird übertragen oder gespeichert.
Verwandte Tools
Farbkonverter
Eine Farbe in hex, rgb() oder hsl() einfügen und alle drei Formate plus eine fertige Reihe Tints und Shades für Ihr Designsystem erhalten.
Alle Tools →
QR-Code-Generator
Beliebigen Text oder eine URL in einen scharfen QR-Code verwandeln, mit einstellbarer Größe, Farben und Fehlerkorrekturstufe — Download als PNG oder SVG.
Alle Tools →
Barcode-Generator
Scannbare CODE128-, EAN-13- und UPC-A-Barcodes erzeugen, mit einstellbarer Strichbreite und -höhe — Vektor-SVG-Ausgabe, gerendert in Ihrem Browser.
Alle Tools →
Seitenverhältnis-Rechner
Bei einem Verhältnis wie 16:9 und einer Dimension sofort fehlende Breite oder Höhe erhalten — plus Voreinstellungen von 1:1 bis 21:9 für Video und Design.
Alle Tools →
Dieses Tool einbetten
Binden Sie dieses Tool mit einer Zeile in Ihre Website ein — es läuft im Browser des Besuchers.
<iframe src="https://zoyku.com/de/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>