Farbkonverter
Wählen Sie eine Farbe oder geben Sie einen Wert ein, und FileTinker konvertiert sie in Echtzeit zwischen HEX, RGB und HSL. Jedes Feld ist bearbeitbar und jeder Wert ist bereit zum Einfügen in CSS. Alles läuft in Ihrem Browser.
Zwischen Formaten konvertieren
Springen Sie direkt zu einer bestimmten Konvertierung — jede öffnet ihre eigene, sofort einsatzbereite Seite:
Anleitung zum Konvertieren einer Farbe
- Wählen Sie eine Farbe über das Farbfeld oder geben Sie einen HEX-, RGB- oder HSL-Wert in ein beliebiges Feld ein.
- Die anderen Formate aktualisieren sich sofort, während Sie tippen.
- Kopieren Sie das Format, das Sie benötigen — jeder Wert ist bereit zum Einfügen in CSS oder ein Design-Tool.
Über Farbformate
HEX, RGB und HSL sind drei Schreibweisen für dieselben Bildschirmfarben. HEX (wie #3366ff) ist kompakt und im Markup verbreitet; RGB gibt die Rot-, Grün- und Blaukanäle von 0 bis 255 an; HSL beschreibt Farbton, Sättigung und Helligkeit, was intuitiv ist, wenn Sie eine Palette aufbauen oder einen Farbton nach Gefühl anpassen möchten. Das Konvertieren zwischen ihnen gehört im Web- und Grafikdesign zum Alltag.
Dieses Tool hält alle drei synchron, während Sie eines davon bearbeiten, und bietet Ihnen eine Live-Vorschau sowie eine native Farbauswahl. Da es vollständig in Ihrem Browser läuft, ist es sofort verfügbar und privat — praktisch zum Abgleichen von Markenfarben, zum Erstellen von CSS-Variablen oder zum schnellen Aufnehmen eines Farbtons.
Häufige Fragen
Wie konvertiere ich HEX in RGB oder HSL?
Geben Sie einen HEX-Wert ein oder fügen Sie ihn ein (oder wählen Sie eine Farbe über das Farbfeld), und die Felder für RGB und HSL aktualisieren sich sofort. Jedes Feld funktioniert in beide Richtungen, sodass Sie mit einem beliebigen Format beginnen und die anderen ablesen können. Kopieren Sie einfach den Wert, den Sie benötigen.
Was ist der Unterschied zwischen HEX, RGB und HSL?
Sie beschreiben dieselbe Farbe auf unterschiedliche Weise. HEX und RGB legen beide die Anteile von Rot, Grün und Blau fest (HEX hexadezimal, RGB als Zahlen von 0–255). HSL verwendet stattdessen Farbton, Sättigung und Helligkeit, wodurch es einfacher wird, eine Farbe von Hand heller, dunkler oder gedämpfter zu machen.
Sind die Werte direkt in CSS verwendbar?
Ja. Die Werte für HEX, rgb(...) und hsl(...) sind genau so geschrieben, wie CSS sie erwartet, sodass Sie jeden davon direkt in ein Stylesheet oder ein Design-Tool einfügen können.
Wird etwas hochgeladen?
Nein. Die gesamte Konvertierung läuft in Ihrem Browser; nichts wird irgendwohin gesendet.