Farbwähler und Konverter
Wählen Sie eine Farbe und konvertieren Sie sofort zwischen HEX-, RGB- und HSL-Formaten. Kostenlos und vollständig in Ihrem Browser.
So verwenden Sie den Farbwähler und Konverter
- Click the large color preview swatch to open your browser's native color picker.
- Alternativ können Sie einen HEX-Wert direkt in das HEX-Feld eingeben (z. B. #ff5733).
- Passen Sie einzelne R-, G-, B-Werte (0–255) oder H-, S-, L-Werte zur Feinabstimmung an.
- Alle Formate werden in Echtzeit aktualisiert, wenn Sie einen Wert ändern.
- Verwenden Sie die Kopieren-Schaltflächen, um einen formatierten Farbwert in Ihre Zwischenablage zu kopieren.
- Überprüfen Sie die Kontrastvorschau, um zu sehen, wie schwarzer und weißer Text auf Ihrer gewählten Farbe aussieht.
Haeufig gestellte Fragen
Was ist das HEX-Farbformat?
HEX ist eine sechsstellige hexadezimale Darstellung einer Farbe mit dem Präfix #. Jedes Ziffernpaar steht für die Rot-, Grün- und Blaukanäle (z. B. #ff5733 bedeutet R=255, G=87, B=51). Es ist das am häufigsten verwendete Format im Webdesign und CSS.
Was ist der Unterschied zwischen RGB und HSL?
RGB definiert eine Farbe durch ihre Rot-, Grün- und Blauanteile (jeweils 0–255). HSL definiert eine Farbe durch Farbton (0–360 Grad auf dem Farbkreis), Sättigung (0–100 %%) und Helligkeit (0–100 %%). HSL ist für Designer oft intuitiver, da Sie Helligkeit oder Sättigung einfach anpassen können, ohne den Farbton zu beeinflussen.
Warum ist die Kontrastprüfung wichtig?
Ausreichender Kontrast zwischen Text- und Hintergrundfarben ist für Lesbarkeit und Barrierefreiheit unerlässlich. Die WCAG-Richtlinien empfehlen ein Mindestkontrastverhältnis von 4,5:1 für normalen Text. Die Kontrastvorschau hilft Ihnen visuell zu überprüfen, dass der Text auf Ihrer gewählten Farbe lesbar bleibt.
Werden meine Daten irgendwo gespeichert?
Nein. Alle Farbkonvertierungen erfolgen vollständig in Ihrem Browser mit JavaScript. Es werden keine Daten an einen Server gesendet.
Weitere kostenlose Werkzeuge