Farbkonverter
Farben zwischen HEX, RGB, HSL, HWB und CMYK mit Transparenzunterstützung und Live-Vorschau konvertieren.
So funktioniert es
Der Farbkonverter übersetzt zwischen den in CSS und Grafikdesign-Workflows verwendeten Farbmodellen: HEX (#rrggbb oder #rgb), RGB, HSL, HWB und CMYK mit vollständiger Alpha-Kanal-Unterstützung. Tippe einen Wert in einem beliebigen unterstützten Format ein und die anderen Formate aktualisieren sich gleichzeitig, begleitet von einem Live-Vorschau-Farbfeld zur visuellen Bestätigung.
Der Konversionspfad führt durch den sRGB-Farbraum: HEX und RGB werden direkt gemappt, HSL und HWB werden mit den Standard-CSS Color Level 4-Formeln abgeleitet, und CMYK verwendet das einfache Subtraktionsmodell, das üblicherweise für Bildschirmvorschau angewendet wird. Alpha wird über Formate hinweg erhalten — eine #1a2b3c80-Eingabe wandert durch rgb(26 43 60 / 0.5) und hsl(...) und zurück.
Das Tool akzeptiert sowohl die ältere kommagetrennte CSS-Notation (rgb(255, 0, 0)) als auch die moderne leerzeichengetrennte Notation mit / für Alpha, sodass du aus jeder Quelle kopieren und einfügen kannst.
Anwendungsfälle
- Die HEX-Farbe eines Designers für CSS-Animationen in HSL übersetzen
- Das RGB-Triplett hinter einer Markenfarbe prüfen
- Farbwerte zwischen Design-Tools mit unterschiedlichen Formaten kopieren
- Farbtheorie mit einer visuellen Farbprobe lehren
Häufig gestellte Fragen
- Warum sieht meine CMYK-Ausgabe leicht anders aus als in Photoshop?
- Druckgenaues CMYK erfordert ein ICC-Profil, das sRGB auf eine bestimmte Druckerpresse abbildet; dieses Tool verwendet die einfache sRGB→CMYK-Subtraktionsformel, die Browser und viele Web-Tools für Vorschau verwenden, gut genug für den Bildschirm, aber nicht für Druckproofs.
- Unterstützt das Tool Alpha (Transparenz)?
- Ja. Alpha wird beim Hin- und Herwandern zwischen HEX (8-stellige Form), RGB und HSL erhalten.
- Was für ein Format verwendet das Farbfeld?
- Das Farbfeld wird in CSS gerendert und zeigt genau, wie die Farbe in deinem Browser beim aktuellen Display-Gamma aussehen wird.
- Warum gehen HSL-Farbtonwerte von 0-360 und Sättigung von 0-100?
- Das entspricht der CSS-Spezifikation: Farbton ist ein Winkel in Grad, Sättigung und Helligkeit sind Prozentwerte.
- Wird der Farbwert irgendwohin gesendet?
- Nein. Die gesamte Konversionsmathematik erfolgt in deinem Browser, sodass Markenfarbenpaletten privat bleiben.