Color Converter — HEX, RGB, HSL, HSV & CSS-Namen
Konvertieren Sie jede Farbe sofort zwischen HEX, RGB, HSL, HSV und CSS-Benennungsformaten. Geben Sie einen Hexadezimalcode, rgb(), hsl() oder einen Farbnamen ein, um alle Darstellungen nebeneinander zu sehen – kostenlos, keine Registrierung erforderlich.
Color Converter
Welche Farbformate werden unterstützt?
Dieses Tool unterstützt HEX (#rrggbb und #rgb Kurzform), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)), HSV (auch HSB genannt) und alle 140 CSS-Benennungen wie 'red', 'cornflowerblue' und 'rebeccapurple'. Das Format wird automatisch aus Ihrer Eingabe erkannt.
Wann würde ich jedes Format verwenden?
HEX ist das häufigste Format im Web-Design und ist kompakt. RGB ist nützlich zum Mischen und Zusammensetzen von Farben. HSL ist intuitiv zum Erstellen von Farbvariationen (Helligkeit oder Sättigung anpassen). HSV (Farbton-Sättigung-Wert) wird in vielen Design-Tools wie Photoshop und Figma verwendet. CSS-Benennungen sind praktisch für schnelles Prototyping.
Wie unterscheidet sich HSV von HSL?
Beide verwenden einen Farbtonwinkel und einen Sättigungsprozentsatz, unterscheiden sich aber in der dritten Komponente: HSL verwendet Helligkeit (50% ist die reine Farbe), während HSV Wert/Helligkeit verwendet (100% ist die hellste Version dieses Farbtons). Design-Anwendungen wie Photoshop verwenden typischerweise HSV, während CSS HSL verwendet.
Verwendung
- Geben Sie eine Farbe in einem beliebigen Format ein oder fügen Sie sie ein — HEX, rgb(), hsl() oder einen CSS-Farbnamen.
- Oder verwenden Sie den Farbwähler, um eine Farbe visuell auszuwählen.
- Alle Formatdarstellungen werden sofort aktualisiert.
- Klicken Sie auf Kopieren neben einem beliebigen Format, um diesen Wert in Ihre Zwischenablage zu kopieren.
Ihre Farbdaten bleiben in Ihrem Browser – es werden keine Daten an einen Server gesendet.
Häufig gestellte Fragen
- Welche Farbformate kann ich eingeben?
- HEX (#rrggbb oder #rgb), rgb(r, g, b), hsl(h, s%, l%) und jeden CSS-Farbnamen wie 'tomato' oder 'steelblue'.
- Warum hat meine Farbe keinen CSS-Namen?
- Nur 140 Farben haben offizielle CSS-Benennungsequivalente. Wenn Ihre Farbe nicht genau einer davon entspricht, zeigt das CSS Name-Feld einen Bindestrich an.
- Was ist HSV / HSB?
- HSV (Farbton, Sättigung, Wert) – auch HSB (Farbton, Sättigung, Helligkeit) genannt – ist ein Farbmodell, das in vielen Design-Tools verwendet wird. Ein Wert/eine Helligkeit von 100% gibt die hellste Version des Farbtons, anders als HSL, wo 50% Helligkeit die reine Farbe ist.
- Ist dieser Color Converter kostenlos?
- Ja, völlig kostenlos ohne Registrierung. Alle Konvertierungen erfolgen in Ihrem Browser – es werden keine Daten an einen Server gesendet.