Farbwähler
Wählen Sie eine Farbe auf einem visuellen Feld und erhalten Sie HEX-, RGB- und HSL-Code.
- Sofort
- Kostenlos
- Privat (lokal verarbeitet)
- Ohne Anmeldung
Eine Farbe, alle ihre Codes
Wählen Sie eine Farbe visuell, passen Sie Farbton und Deckkraft an und erhalten Sie die HEX-, RGB- und HSL-Codes zum Einfügen in Ihr CSS. Ein Klick auf einen Wert kopiert ihn.
-
Farbton einstellen
Der Regenbogen-Regler wählt die Basisfarbe.
-
Im Feld verfeinern
Sättigung horizontal, Helligkeit vertikal.
-
Code kopieren
HEX, RGB oder HSL, bei Bedarf mit Deckkraft.
Beispiel: ein kräftiges Orange
| Format | Wert |
|---|---|
| HEX | #FF8800 |
| RGB | rgb(255, 136, 0) |
| HSL | hsl(32, 100%, 50%) |
Standard-sRGB-Umrechnungen, auf Ganzzahlen gerundet. Alles wird im Browser berechnet.
Häufige Fragen
Wie funktioniert das Farbfeld?
Das große Quadrat zeigt Sättigung (links nach rechts) und Helligkeit (unten nach oben) für den mit dem Regler gewählten Farbton. Klicken oder ziehen Sie zur Auswahl; die HEX-/RGB-/HSL-Anzeige aktualisiert live.
Was ist der Unterschied zwischen HEX, RGB und HSL?
HEX ist ein kompakter Hex-Code (#FF8800). RGB beschreibt die Farbe über Rot, Grün, Blau (rgb(255, 136, 0)). HSL über Farbton, Sättigung, Helligkeit (hsl(32, 100%, 50%)) — intuitiver zum Anpassen eines Tons.
Wozu dient die Deckkraft?
Sie steuert die Transparenz (Alphakanal). Unter 100 % werden Codes zu rgba()/hsla() und HEX gewinnt zwei Zeichen (z. B. #FF8800CC). Nützlich für Überlagerungen und Schatten.
Ist die Farbe webgenau?
Ja: Werte werden mit Standard-sRGB-Umrechnungen berechnet und auf Ganzzahlen gerundet. Kopieren Sie das passende Format für Ihr CSS. Alles wird lokal berechnet, nichts gesendet.