Was ist Farb-Konverter?
Der Farbkonverter übersetzt zwischen den Formaten HEX, RGB, HSL, HSV und CMYK. Wählen Sie eine Farbe oder geben Sie einen Wert ein — das Ergebnis wird sofort in allen Formaten mit Live-Vorschau angezeigt.
Wähle über das visuelle Farbrad oder tippe in eines der fünf verknüpften Felder — HEX, RGB, HSL, HSV, CMYK — und alle anderen aktualisieren sich in Echtzeit. HSV (gelegentlich HSB geschrieben) steht neben HSL, hilfreich bei Photoshop- oder Sketch-Werten, die in reinen CSS-Tools fehlen.
Anleitung
- Schritt 1 — Wählen Sie eine Farbe visuell mit dem interaktiven Farbwähler oder geben Sie einen Wert in ein beliebiges Formatfeld ein.
- Schritt 2 — Alle Formatfelder aktualisieren sich gleichzeitig, sodass Sie immer den entsprechenden Wert in jedem Format sehen.
- Schritt 3 — Kopieren Sie einen beliebigen Formatwert oder nutzen Sie den Farbwähler zur Feinabstimmung. Alle Felder aktualisieren sich live.
Wann verwenden
- Eine Farbe mit dem Picker abgreifen und den CMYK-Wert in ein Illustrator-File übertragen.
- HSV-Werte aus einer Photoshop-Palette anpassen und das passende CSS-HSL ablesen.
- Eine Palette von Grund auf bauen, indem du den Picker bewegst und den HEX jeweils notierst.
Ergebnis
Ein Druckdesigner benötigt die CMYK-Werte für die Webfarbe rgb(0, 128, 255). Das Tool konvertiert sie zu cmyk(100%, 50%, 0%, 0%) für eine originalgetreue Druckwiedergabe.
Häufige Fragen
- Warum HSL und HSV nebeneinander, wenn sie ähnlich aussehen?
- HSL passt zu CSS und den meisten Web-Tools, HSV (auch HSB) ist Standard in Photoshop, Sketch und den nativen Farbpickern unter macOS und Windows. Designerinnen wechseln ständig zwischen beiden Welten, deshalb liefert das Tool beide Werte sofort und spart einen Übersetzungsschritt.
- Kann ich jedes Feld direkt bearbeiten oder nur den Picker?
- Alle Felder lassen sich bearbeiten. Tippe einen HEX oder ändere die Zahlen in RGB / HSL / HSV / CMYK, dann ziehen Picker und übrige Felder mit. Die Farbe bleibt synchron, egal welches Feld du anpasst.
- Warum stehen bei einem Grau Sättigung und Farbton in HSL auf 0?
- Reines Grau hat keinen Farbton, die Sättigung ist null. HSL hält den Farbton per Konvention auf 0, sobald die Sättigung 0 ist, weil Grau keinen festen Platz auf dem Farbrad hat. Mathematisch korrekt, aber leicht mit „Daten fehlen" zu verwechseln.
- Was bedeutet der K-Kanal in CMYK?
- K steht für Key, in der Praxis Schwarz. K beizumischen ist günstiger, als C+M+Y zu kombinieren, um Schwarz anzunähern, und es vermeidet das schmutzige Braun, das reine CMY-Mischungen oft ergeben. Den K-Wert errechnet das Tool selbst.
- Funktioniert der Picker mit Stift oder Touchscreen?
- Ja. Der Farbpicker ist ein Browser-Standardelement, also reagieren Maus, Finger, Stift und Trackpad gleichermaßen. Am Handy öffnet ein Tippen den Systempicker, am Desktop ein Klick das Rad. Für exakte Werte sind die Zahlenfelder bequemer.
Ähnliche Tools
Mesh-Gradient-Generator
Mehrschichtige Mesh-Gradient-Hintergründe erstellen
Farbcode-Konverter
HEX-, RGB-, HSL-, CMYK- und HSV-Farbcodes umwandeln
Farbmischer
Zwei Farben visuell mischen
Farbnamen-Finder
Den nächsten benannten Farbton für jeden Wert finden
Komplementärfarben-Finder
Komplementärfarben für beliebige Eingaben finden
Markenfarben-Explorer
Farben bekannter Marken durchsuchen