Color Picker

Über dieses Tool

Der Farbwähler ermöglicht es, eine Farbe visuell auszuwählen und sofort die HEX-, RGB- und HSL-Darstellung zu sehen. Nutzen Sie den nativen Farbwähler für eine breite Auswahl oder die RGB-Schieberegler für präzise Kanalsteuerung.

Ausgewählte Farben werden automatisch im Verlauf gespeichert, sodass Sie schnell zu einer Farbe zurückkehren können. Nützlich beim Vergleichen von Farbvariationen oder beim Aufbau einer Palette.

Anleitung

1. Klicken Sie auf das große Farbfeld, um den nativen Farbwähler des Browsers zu öffnen.
2. Ziehen Sie die R-, G- und B-Schieberegler, um einzelne Farbkanäle fein einzustellen.
3. Klicken Sie auf Kopieren neben HEX, RGB oder HSL, um den Wert zu kopieren.
4. Kopierte Farben erscheinen in der Verlaufszeile — klicken Sie auf ein Feld, um es wiederherzustellen.

Anwendungsfälle

Webdesigner wählen genaue Farben aus einem Markenleitfaden und kopieren Hex-Codes in CSS. Entwickler justieren RGB-Werte für Canvas oder WebGL. UI-Designer vergleichen subtile Variationen im gleichen Farbton.

Häufige Fragen

• Werden ausgewählte Farben dauerhaft gespeichert? — Nein. Letzte Farben werden im Komponentenstatus gespeichert und zurückgesetzt, wenn Sie die Seite verlassen oder aktualisieren. Für dauerhafte Speicherung kopieren Sie die Hex-Codes in Ihre eigenen Notizen.
• Kann ich einen Hex-Code direkt eingeben? — Ja. Verwenden Sie das Hex-Eingabefeld des nativen Farbwählers (in den meisten Browsern verfügbar), um einen Hex-Wert direkt einzugeben.
• Was ist HSL und warum ist es nützlich? — HSL steht für Farbton (Hue), Sättigung (Saturation) und Helligkeit (Lightness). Es beschreibt Farbe intuitiv — eine Änderung des Helligkeitswerts macht die Farbe heller oder dunkler bei gleichem Farbton, nützlich für Tints und Shades.