Dieser Farbwähler beginnt mit einem visuellen Farbfeld und hält die genauen Zahlen direkt daneben bereit. Sie können einen CSS-Hex-Wert wie #3366cc einfügen, Rot-, Grün-, Blau- und Alpha-Kanäle verschieben oder Farbton, Sättigung und Helligkeit für Design-Systeme feinjustieren. Es werden keine Farbwerte hochgeladen - die Umrechnungen passieren lokal in JavaScript.
Kostenloser Farbwähler
Läuft komplett in deinem Browser - kein Upload, keine Anmeldung.
Ausgewählt#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Was ist ein Farbwähler?
Ein Farbwähler ist ein Tool, mit dem Sie eine exakte digitale Farbe auswählen und ihre Werte für Design oder Code kopieren. Nutzen Sie das Farbfeld, das HEX-Feld, RGB-Regler oder HSL-Einstellungen und kopieren Sie sofort HEX-, RGB-, HSL-, HSV- oder CMYK-Werte. Alles läuft direkt im Browser.
So funktioniert’s
- 1Farbe wählen oder einfügen. Klicken Sie auf das große Farbfeld, um den Farbwähler Ihres Browsers zu öffnen, oder fügen Sie einen 3-, 4-, 6- oder 8-stelligen Hex-Wert in das HEX-Feld ein.
- 2Kanäle anpassen. Nutzen Sie die RGB-Regler für Rot, Grün, Blau und Alpha, oder bearbeiten Sie Farbton, Sättigung und Helligkeit, wenn Sie designfreundlicher steuern möchten.
- 3Benötigtes Format kopieren. Kopieren Sie HEX, HEX8, RGB, HSL, HSV oder CMYK mit einem Klick. Vorschau und alle Ausgaben aktualisieren sich live.
Für wen
- Frontend-Entwickler, die beim Aufbau von Oberflächen CSS-fertige HEX-, RGB- und HSL-Werte kopieren.
- Designer, die eine Markenfarbe nach Kanal anpassen, statt in einer Grafik-App zu raten.
- Marketing-Teams, die Kampagnenfarben in E-Mail-Editoren, Dokumenten und Social-Media-Assets angleichen.
- Studierende und Kreative, die lernen, wie RGB, HSL, HSV und CMYK dieselbe Farbe beschreiben.
Häufige Fragen
Ist dieser Farbwähler kostenlos?
Ja. Der Farbwähler ist kostenlos, braucht keine Anmeldung und hat kein Nutzungslimit. Öffnen Sie die Seite, wählen Sie eine Farbe und kopieren Sie das passende Format.
Werden meine Farben irgendwohin hochgeladen?
Nein. Farbwähler und Umrechnungen laufen mit einfachem JavaScript in Ihrem Browser. Ihre ausgewählten Farben werden nicht an einen Server gesendet.
Welche Farbformate kann ich kopieren?
Sie können HEX, 8-stelliges HEX mit Alpha, RGB oder RGBA, HSL oder HSLA, HSV und CMYK kopieren. Das Tool hält alle Werte synchron, während Sie bearbeiten.
Kann ich eine Hex-Farbe einfügen?
Ja. Fügen Sie 3-, 4-, 6- oder 8-stellige CSS-Hex-Werte ein, mit oder ohne #-Symbol. Kurzformen werden nach den normalen CSS-Regeln erweitert.
Was ist HEX8?
HEX8 ist eine 8-stellige Hex-Farbe, bei der das letzte Paar den Alpha-Wert speichert. #3366cc80 ist zum Beispiel dasselbe Blau mit etwa 50% Deckkraft.
Soll ich RGB oder HSL in CSS verwenden?
Nutzen Sie RGB, wenn Sie exakte Kanalwerte oder Alpha mit rgba() brauchen. Nutzen Sie HSL, wenn Sie Tints, Schattierungen oder verwandte UI-Zustände durch Änderung von Sättigung und Helligkeit erstellen möchten.