Farbe online auswaehlen - HEX, RGB und HSL
Ein Farbwaehler laesst Sie eine Farbe waehlen und sofort ihre HEX-, RGB- und HSL-Werte ablesen. Waehlen Sie einen Ton, kopieren Sie den Wert in Ihr CSS und sehen Sie komplementaere, analoge und Ton-Paletten. Eine Kontrastanzeige sagt, ob Text auf der Farbe lesbar ist. Alles laeuft im Browser, ohne Upload und ohne Konto.
Last reviewed: 2026-06-15
FreetoolOnline editorial team| Eigenschaft | Wert |
|---|---|
| Format | Online, ohne Installation, ohne Anmeldung |
| Kosten | Kostenlos |
| Umsetzendes Werkzeug | https://freetoolonline.com/developer-tools/color-picker.html |
Schritte
- Oeffnen Sie das Farbfeld und waehlen Sie einen Ton.
- Lesen Sie die HEX-, RGB- und HSL-Werte; klicken Sie auf Kopieren, um einen in die Zwischenablage zu legen.
- Nutzen Sie ein komplementaeres, analoges oder Ton-Feld als naechste Farbe, indem Sie darauf klicken.
- Speichern Sie wiederverwendete Farben in den Favoriten; die letzten Farben werden automatisch gemerkt.
HEX, RGB und HSL
HEX ist ein sechsstelliger Code wie #3366FF. RGB listet die Kanaele Rot, Gruen und Blau von 0 bis 255. HSL gibt Farbton (0 bis 360 Grad), Saettigung und Helligkeit in Prozent an. Das Werkzeug zeigt alle drei fuer die gewaehlte Farbe, plus eine Kontrastanzeige nach der WCAG-Formel fuer relative Leuchtdichte, um die Lesbarkeit zu beurteilen.
| Farbe | HEX | RGB |
|---|---|---|
| Weiss | #FFFFFF | rgb(255, 255, 255) |
| Schwarz | #000000 | rgb(0, 0, 0) |
| Rot | #FF0000 | rgb(255, 0, 0) |
| Gruen | #00FF00 | rgb(0, 255, 0) |
| Blau | #0000FF | rgb(0, 0, 255) |
Datenschutz
Alles laeuft in Ihrem Browser. Favoriten und letzte Farben bleiben auf Ihrem Geraet, es wird nichts hochgeladen und es muss kein Konto erstellt werden.
Brauchst du mehr als eine Farbe? Der Leitfaden Farbpalettengenerator erklärt, wann sich ein ganzes Set zusammenpassender Farbtöne lohnt, statt nur die HEX-, RGB- und HSL-Werte einer einzigen Farbe abzulesen.