Farbkonverter
Farben zwischen HEX, RGB, HSL, HSV und CMYK konvertieren
Alle fünf Darstellungen aktualisieren sich beim Tippen oder Auswählen.
Farbräume und ihre Kleingedruckten
Alle Formate aus einem Einfügen
Fügen Sie "indigo", "#4f46e5", rgb(79,70,229) oder hsl(245,58%,59%) ein und erhalten Sie sofort alle fünf Darstellungen – ohne die Farbe pro Modus neu einzugeben.
Live-Vorschau mit Farbwähler
Die Vorschau aktualisiert sich beim Tippen oder Ziehen im nativen Farbwähler, sodass das, was Sie konvertieren, exakt der sichtbaren Farbe entspricht.
Kopieren mit einem Klick
Jede Formatzeile hat einen eigenen Kopier-Button, und alles läuft offline in Ihrem Browser – Paletten verwalten erfordert nie einen Upload.
Was ist ein Farbkonverter?
Ein Farbkonverter übersetzt eine Farbe zwischen den Formaten verschiedener Werkzeuge. Design-Software exportiert HEX oder CMYK, ein Frontend-Entwickler braucht rgb() oder hsl() für CSS, und ein Datentool wünscht hsv(). Statt einen Farbwähler fünfmal zu öffnen, fügen Sie den vorhandenen Wert ein und sehen sofort alle anderen: "#4f46e5" → rgb(79, 70, 229) → hsl(245, 58%, 59%).
Was es kann
- Parst Hex (#fff, #ffffff, #rrggbbaa) und rgba()-Eingaben
- Berechnet rgb/hsl/hsv/cmyk-Äquivalente für jede Eingabe
- Live-Vorschau, die beim Tippen oder Auswählen aktualisiert wird
- Erhält Alpha, wo vorhanden (8-stelliges Hex, rgba)
- Kopiert jedes Format mit eigenem Button
- Nativer Farbwähler für die visuelle Auswahl
Wann verwenden
- Eine Markenfarbe aus dem Designtool in CSS-Variablen übernehmen
- Einen CMYK-Druckwert in Web-sicheres Hex wandeln
- Einen hsl-Wert für CSS-Verläufe und Dark-Mode-Paletten zu erhalten
- Prüfen, wie ein anderer Konverter eine Farbe gerundet hat
Datenschutz: Die Konvertierung läuft vollständig in Ihrem Browser – nichts wird je hochgeladen.
HEX, RGB, HSL und was Kontrast wirklich bedeutet
- HEX und RGB sind dieselben sRGB-Werte in unterschiedlicher Notation – die Umrechnung zwischen ihnen erfolgt rein arithmetisch und bewirkt niemals eine Farbverschiebung.
- HSL stellt denselben Farbumfang zylindrisch dar: Der Farbton dreht sich, die Sättigung strahlt radial aus, die Helligkeit steigt vertikal an. Gleich große HSL-Schritte wirken jedoch nicht gleich stark unterschiedlich – dafür wurden wahrnehmungsorientierte Farbräume wie OKLCH entwickelt.
- Der WCAG-Kontrast wird aus der relativen Leuchtdichte nach Gamma-Expansion berechnet, nicht aus einfachen RGB-Mittelwerten; der untenstehende Kontrast-Checker verwendet die offizielle Formel 2.1.
Häufige Fragen
Welche Formate sind unterstützt?⌄
Hex (3, 4, 6 und 8 Stellen – 8-Stellen ergänzt Alpha), rgb()/rgba(), hsl()/hsla(), hsv()/hsb() und cmyk(). Die Eingabe wird automatisch normalisiert, ob Sie #FFF, rgb(255 0 0) oder hsl(0, 100%, 50%) tippen.
Sind die Konvertierungen exakt?⌄
Sie entsprechen den Standard-CSS-Formeln (auf ganze Kanäle gerundet). HSL/HSV-Farbtöne werden mit einer Dezimalstelle erhalten; CMYK wird per üblicher Konvertierung auf eine Dezimalstelle Prozent gerundet.
Wird meine Farbe irgendwohin gesendet?⌄
Nein. Alles läuft in Ihrem Browser mit reinem JavaScript – nichts wird übertragen oder gespeichert.