Farbwähler — Kostenlos Online
Wählen Sie eine Farbe und erhalten Sie sofort die HEX-, RGB- und HSL-Werte.
Who uses the Farbwähler?
- Webdesigner, die exakte HEX-Codes aus Markenrichtlinien für CSS extrahieren.
- Entwickler, die zwischen HEX, RGB, HSL und CMYK für Designspezifikationen konvertieren.
- Künstler und Bastler, die Farb- oder Stoffnuancen mit digitalen Referenzen abgleichen.
How the Farbwähler works
Klicken Sie auf das Farbmuster, um den nativen Farbwähler Ihres Browsers zu öffnen und einen beliebigen Farbton, Sättigung und Helligkeit auszuwählen.
Oder geben Sie einen bekannten 6-stelligen HEX-Code (z. B. #3b82f6) in das Textfeld ein, um genau diese Farbe zu laden.
Die Werte HEX, RGB, HSL und CMYK aktualisieren sich sofort darunter.
Klicken Sie auf eine „Kopieren“-Schaltfläche, um den Wert dieses Formats in Ihre Zwischenablage zu kopieren.
Tips & tricks
- Es gibt hier keine Pipetten- oder Bildschirmfarbabtastfunktion — die Farbauswahl erfolgt entweder über den nativen Farbrad-Dialog des Browsers oder durch direkte Eingabe eines HEX-Codes.
- Es gibt keinen Paletten-Generator, keine komplementären/analogen/triadischen Vorschläge oder Farbton-/Schattierungsausgaben — dieses Tool konvertiert und zeigt jeweils nur eine Farbe an.
- Es gibt keinen integrierten Barrierefreiheits-/WCAG-Kontrastprüfer — wählen Sie Ihre Farbe hier aus und prüfen Sie den Kontrast separat mit einem speziellen Kontrastprüfungs-Tool.
- Das HEX-Textfeld akzeptiert nur einen vollständigen 6-stelligen Code (z. B. #3b82f6) — eine 3-stellige Kurzform HEX (wie #3bf) wird nicht erkannt.
Frequently Asked Questions
Wie wähle ich eine Farbe aus einem Bild oder meinem Bildschirm aus?
Dieses Tool hat keine integrierte Pipetten-/Bildschirmfarbabtastfunktion — es bietet nur den nativen Farbwähler Ihres Browsers (ein Farbrad-/Regler-Dialog) und manuelle HEX-Eingabe. Um eine Farbe aus einem vorhandenen Bild oder Ihrem Bildschirm zu erfassen, verwenden Sie das integrierte Farbauswahlwerkzeug Ihres Betriebssystems (z. B. macOS Digital Color Meter, Windows PowerToys Color Picker) oder die Pipette der Entwicklertools Ihres Browsers und fügen Sie dann den resultierenden HEX-Code hier ein.
Was ist der Unterschied zwischen den Farbformaten HEX, RGB und HSL?
HEX (#FF5733) ist eine im Web/CSS verwendete Kurzschreibweise. RGB (255, 87, 51) gibt die Rot-, Grün-, Blaukomponenten 0–255 an. HSL (11°, 100%, 60%) verwendet Farbton, Sättigung, Helligkeit — intuitiver für Designanpassungen. Dieses Tool zeigt alle drei gleichzeitig.
Was ist CMYK und wann brauche ich es?
CMYK (Cyan, Magenta, Gelb, Schwarz) ist das im Druck verwendete Farbmodell. Wenn Sie Designs an eine Druckerei senden, fragen Sie nach CMYK-Werten — Bildschirmfarben (RGB/HEX) können beim Drucken anders aussehen.
Prüft dieses Tool den WCAG-Kontrast oder die Barrierefreiheit?
Nein — es konvertiert und zeigt nur die von Ihnen gewählte Farbe in HEX/RGB/HSL/CMYK an. Es berechnet keine Kontrastverhältnisse gegenüber Weiß/Schwarz und markiert kein WCAG-Bestehen/Nichtbestehen. Verwenden Sie für die Kontrastprüfung der Barrierefreiheit ein spezielles Kontrastprüfungs-Tool mit Ihrem gewählten HEX-Wert.
Kann dieses Tool eine vollständige Farbpalette (komplementär, analog, triadisch) aus einer Farbe generieren?
Nein — dieses Tool konvertiert und zeigt nur eine ausgewählte Farbe über Formate hinweg an; es generiert keine Palettenvorschläge, Farbtöne oder Schattierungen. Um eine Palette aus einer Basisfarbe zu erstellen, verwenden Sie ein spezielles Farbpaletten-Generator-Tool.
Is my data safe when using the Farbwähler?
Completely safe. The Farbwähler processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the Farbwähler support?
The Farbwähler works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the Farbwähler work with large image files?
Yes. The Farbwähler processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.