Farbwerkzeuge
Online-Farbkonverter | RGB-, HEX-, HSL-, HSV- und CMYK-Sync
Konvertiere Farben zwischen RGB, HEX, HSL, HSV, CMYK und mehr. Ändere einen Wert und alle anderen Formate werden sofort synchron umgerechnet.
Live-SyncKein Upload nötig
Visuelle Vorschau
Verwende Vorschaufläche, nativen Farbwähler und Alpha-Regler, um dieselbe Farbe in allen Formaten fein abzustimmen.
Vorschaumfarbe
#3B82F6
rgba(59, 130, 246, 0.84)
Farbwähler
#3B82F6
Alpha
0.8401
Live-Kanäle
HEX- R
- 59
- G
- 130
- B
- 246
- A
- 0.84
Bearbeitungstipp
Wenn ein Feld beim Tippen vorübergehend ungültig wird, bleibt die zuletzt gültige Farbe aktiv. Sobald der Wert vollständig ist, werden die anderen Formate wieder automatisch synchronisiert.
Live-SyncKein Upload nötig
Bidirektionaler Farbformat-Editor
Alle Formate unten sind editierbar. Änderst du HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK oder CMYKA, bleiben die übrigen Farbmodelle sofort synchron.
RGB
RGBA
HSL
HSLA
HSV
HSVA
CMYK
CMYKA
Erklärung
Erklärung
RGB
RGB ist ein Standard-Farbmodell aus den Kanälen Rot (R), Grün (G) und Blau (B). Durch die Kombination dieser drei Kanäle lässt sich der Großteil der auf Bildschirmen sichtbaren Farben darstellen. Es ist eines der am weitesten verbreiteten Farbsysteme für digitale Medien.
RGBA
RGBA ist RGB mit einem Alpha-Kanal für Transparenz. R, G und B verwenden Werte von 0 bis 255, während A meist zwischen 0 und 1 oder 0% und 100% liegt. Das Format wird häufig in CSS eingesetzt, wenn dieselbe Farbe unterschiedliche Deckkraft haben soll.
HEX
HEX ist eine hexadezimale Darstellung von Farben. Sie wird im Webdesign und in CSS häufig verwendet, weil sie kompakt und leicht kopierbar ist. Ein Wert wie #2E8B57 speichert Rot, Grün und Blau als Hex-Paare; erweiterte HEX-Werte können auch Transparenz enthalten.
HSL
HSL (Hue, Saturation, Lightness) beschreibt RGB-Farben in einem zylindrischen Koordinatensystem. H steht für den Grundfarbton, S für die Farbsättigung und L für die Helligkeit. 0% ist am dunkelsten, 50% ausgeglichen und 100% am hellsten.
HSLA
HSLA ist die HSL-Variante mit Alpha-Kanal. Sie behält Farbton, Sättigung und Helligkeit bei und ergänzt Transparenz, was sie für Schatten, Overlays, halbtransparente Flächen und UI-Zustände nützlich macht.
HSV
HSV (Hue, Saturation, Value) ist ein Farbraum, den A. R. Smith 1978 entwickelt hat. Er wird auch Hexcone Model genannt. Weil V direkt beschreibt, wie hell eine Farbe wirkt, eignet sich HSV gut für intuitive Farbauswahl.
HSVA
HSVA erweitert HSV um einen Alpha-Kanal. Es ist hilfreich, wenn du mit dem intuitiven Modell aus Farbton, Sättigung und Helligkeit arbeitest und gleichzeitig Transparenz für UI-Farben oder Ebenen beschreiben möchtest.
CMYK
CMYK ist ein Farbmodus für den Druck. Gedruckte Materialien werden sichtbar, weil äußeres Licht reflektiert wird. Deshalb eignet sich CMYK für Zeitungen, Verpackungen und Broschüren. Im Gegensatz zu RGB für Bildschirme wurde CMYK für Tinte auf Papier entwickelt.
CMYKA
CMYKA erweitert CMYK um einen Alpha-Kanal. Das ist nützlich, wenn du druckorientierte Cyan-, Magenta-, Gelb- und Schwarzwerte zusammen mit Transparenz für Design-Übergaben oder mehrschichtige Assets beschreiben willst.
So verwendest du den Online-Farbkonverter
01
Füge einen Wert in ein beliebiges Formatfeld ein oder tippe ihn ein, zum Beispiel HEX, RGB, RGBA, HSL, HSV oder CMYK.
02
Sobald der Wert gültig ist, konvertiert das Tool ihn automatisch in alle anderen unterstützten Farbformate.
03
Nutze Vorschau, Farbwähler, Alpha-Regler und Kopieraktionen, um die gewünschte Farbe zu verfeinern und zu exportieren.
Hauptfunktionen
Bidirektionale Formatsynchronisierung
Ändere ein beliebiges unterstütztes Format und halte RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK und CMYKA in Echtzeit synchron.
Visuelle Farbsteuerung
Sieh die aktuelle Farbe sofort mit Live-Swatch, Browser-Farbwähler, Alpha-Regler und Kanalanzeige.
Browserbasierte Umwandlung
Jedes Feld akzeptiert vertraute Funktionssyntax, und alle Umwandlungen laufen schnell und privat direkt im Browser.
Farbkonverter FAQ
Kann ich jedes Farbformat bearbeiten und alle anderen aktualisieren?
Ja. Der Konverter synchronisiert in beide Richtungen. Wenn du RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK oder CMYKA bearbeitest, werden die anderen Formate sofort aktualisiert, sobald der Wert gültig ist.
Wie wird Transparenz bei der Umwandlung behandelt?
HEX wird hier ohne Alpha angezeigt, weil die Seite sich auf die von dir gewünschten Formate konzentriert. Transparenz bleibt in RGBA, HSLA, HSVA und CMYKA erhalten, und die Vorschau zeigt immer die aktuelle Deckkraft.
Ist dieser Farbkonverter privat?
Nein. Die gesamte Konvertierungslogik läuft lokal in deinem Browser, daher werden deine Farbwerte nicht an einen Server gesendet.
Mit diesem Online-Farbkonverter rechnest du Farben sofort zwischen HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK und CMYKA um. Tippe einen Wert in ein beliebiges Feld – etwa RGB zu HEX oder HEX zu RGB – und alle übrigen Formate werden dank Zwei-Wege-Sync in Echtzeit aktualisiert. Eine Live-Vorschau, ein nativer Farbwähler und ein Alpha-Regler helfen beim Feinjustieren von Farbton und Deckkraft. Die gesamte Umrechnung läuft direkt im Browser, deine Farbwerte werden also nie an einen Server gesendet.
So nutzt du den Farbkonverter
- 1
Farbwert eingeben
Tippe oder füge einen Wert in ein beliebiges Formatfeld ein, zum Beispiel #2E8B57 für HEX, rgb(46, 139, 87) für RGB oder hsl(146, 50%, 36%) für HSL.
- 2
Alle Formate synchron beobachten
Sobald der Wert gültig ist, rechnet das Tool ihn gleichzeitig in alle anderen unterstützten Formate um – RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK und CMYKA.
- 3
Farbe fein abstimmen
Nutze die Live-Vorschau, den nativen Farbwähler und den Alpha-Regler, um Farbton und Deckkraft anzupassen, oder klicke auf Zufällig, um neue Farben zu entdecken.
- 4
Kopieren oder exportieren
Klicke auf ein Feld, um seinen Wert zu kopieren, oder nutze Alles kopieren, um alle Formate auf einmal für dein CSS, deine Designdateien oder deinen Code zu übernehmen.
Quellen
- W3C — CSS Color Module Level 4
Die W3C-Spezifikation, die CSS-Farbformate wie hex, rgb(), hsl(), hwb() und die moderne Farbsyntax festlegt.
- MDN — CSS <color>-Wert
MDN-Referenz zu allen CSS-Farbnotationen, darunter HEX, RGB/RGBA, HSL/HSLA und die Funktionsweise der Alpha-Transparenz.
Verwandte Tools
CSS Minifier
Verkleinere CSS, das deine umgewandelten HEX-, RGB- und HSL-Farbwerte verwendet.
SVG Viewer
Sieh dir SVG-Grafiken an und prüfe deren Füll- und Konturfarben.
Image to Base64
Wandle Bilder in Base64-Strings um, um sie zusammen mit deinen Farbstilen inline einzubinden.
JSON Formatter
Formatiere und validiere JSON, das Farbpaletten und Design-Tokens speichert.
Häufig gestellte Fragen
- Wie rechne ich RGB zu HEX (oder HEX zu RGB) um?
- Tippe einen RGB-Wert wie rgb(46, 139, 87) in das RGB-Feld und das HEX-Feld zeigt sofort #2E8B57 – und umgekehrt. Da alle Formate synchron bleiben, funktioniert die Umrechnung ohne separaten Schritt in beide Richtungen.
- Kann ich jedes Farbformat bearbeiten und alle anderen aktualisieren?
- Ja. Der Konverter synchronisiert in beide Richtungen. Wenn du RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK oder CMYKA änderst, werden die übrigen Formate sofort aktualisiert, sobald der Wert gültig ist.
- Unterstützt der Konverter RAL-, NCS- oder Pantone-Farben?
- Dieses Tool arbeitet mit den digitalen Standardformaten HEX, RGB, HSL, HSV und CMYK. RAL, NCS und Pantone sind herstellergebundene Farbsysteme aus dem Druck- und Industriebereich, für die es keine exakte mathematische Umrechnung gibt. Du kannst aber den passenden HEX- oder RGB-Annäherungswert eines Fächers hier eingeben und sofort in alle anderen digitalen Formate umwandeln.
- Wie wird Transparenz bei der Umwandlung behandelt?
- HEX wird hier ohne Alpha angezeigt, weil sich die Seite auf die genannten Formate konzentriert. Die Deckkraft bleibt in RGBA, HSLA, HSVA und CMYKA erhalten, und die Vorschau zeigt stets die aktuelle Transparenz.
- Rechnet das Tool RGB für den Druck nach CMYK um?
- Ja. Die Felder CMYK und CMYKA werden aktualisiert, sobald du ein anderes Format änderst, und liefern druckfertige Cyan-, Magenta-, Gelb- und Schwarzwerte. Beachte, dass CMYK geräteabhängig ist und Bildschirm- und Druckausgabe daher leicht voneinander abweichen können.
- Ist dieser Farbkonverter privat und kostenlos?
- Ja. Das Tool ist kostenlos und ohne Anmeldung nutzbar. Die gesamte Umrechnungslogik läuft lokal in deinem Browser, deine Farbwerte verlassen dein Gerät also nicht und werden nie hochgeladen.