Farben umrechnen

Ermitteln Sie die HEX-, RGB- und HSL-Werte einer Farbe.

Ihre Dateien werden hier auf Ihrem Gerät verarbeitet

Wir senden Ihre Datei- oder Textinhalte nicht an einen Verarbeitungsserver. Es ist kein Konto erforderlich und es gibt keine tägliche Betriebsquote. Einzelne Tools haben Größenbeschränkungen, um den Speicher Ihres Geräts zu schützen.

Eine Verbindung ist erforderlich, um die Website und ihre Ressourcen zu laden. Hosting kann technische Besuchsdaten erhalten. Favoriten speichern nur Werkzeugkennungen in diesem Browser.

Wie wir mit Ihren Daten umgehen →

Wie man dieses Tool benutzt

  1. Wählen Sie HEX, RGB oder HSL als Eingabeformat.
  2. Geben Sie eine opake Farbe mit Werten für dieses Format ein.
  3. Vergleichen Sie die Vorschau und die abgerundeten Werte, bevor Sie sie in einem Design verwenden.

Ein Beispiel, das Sie überprüfen können

Übersetzen Sie eine undurchsichtige Farbe zwischen Darstellungen, die in CSS und Design verwendet werden.

Beispieleingabe

#ff0000

EinstellungenEingabeformat: HEX.

Erwartetes Ergebnis

HEX #FF0000; RGB rgb(255, 0, 0); HSL hsl(0, 100%, 50%).

Ein Alpha-Kanal wird nicht verarbeitet. RGB-Kanäle und HSL-Werte werden wie bei der Konvertierung beschrieben gerundet.

Farben umrechnen: Gebrauch und praktische Anleitung

Das Konvertieren von Farben zwischen HEX, RGB und HSL drückt die gleiche Wahl in der Notation aus, die von einem Editor oder Stylesheet verwendet wird. HEX kodiert Kanäle mit hexadezimalen Ziffern, RGB beschreibt rot, grün und blau und HSL beschreibt Farbton, Sättigung und Helligkeit. Das Tool transformiert diese Darstellungen innerhalb seiner akzeptierten Formate. Es ändert kein ganzes Bild oder analysiert Farben aus einem hochgeladenen Foto. Geben Sie einen Farbwert anstelle einer visuellen Datei an.

Überprüfen Sie das ausgewählte Eingabeformat vor dem Einfügen. Short HEX hat drei Ziffern und Full HEX hat sechs. RGB-Kanäle reichen von null bis zweihundertfünfundfünfzig. HSL-Sättigung und Helligkeit verwenden Prozentsätze innerhalb ihres unterstützten Bereichs. Alpha-Kanäle und andere Farbraumnotationen sollten nicht als kompatibel angenommen werden, wenn das Formular nur diese Formate angibt. Ein gültiger Wert in einem anderen Design-Tool benötigt möglicherweise eine unterstützte Darstellung vor der Konvertierung.

Die HSL-Ausgabe ist abgerundet, so dass eine Rundreise möglicherweise nicht jede Anfangskomponente genau wiedergeben kann. Behalten Sie einen Referenzwert, wenn die Markenarbeit eine bestimmte Spezifikation erfordert. Das Erscheinungsbild hängt auch von der Darstellung und dem Kontext ab; eine Änderung der Schreibweise garantiert keine Druckäquivalenz oder bewahrt professionelle Farbprofile. Verwenden Sie einen geeigneten Farbmanagement-Workflow für gedrucktes Material, anstatt eine Bildschirmvorschau als Beweis dafür zu behandeln, dass jede Reproduktion übereinstimmt.

Überprüfen Sie den Code und die Vorschau vor dem beabsichtigten Hintergrund. Zwei attraktive Farben können einen unzureichenden Kontrast aufweisen. Dieser Konverter wertet die Zugänglichkeit nicht aus oder überprüft die Kontrastverhältnisse nicht. Farbpalette erzeugt hellere und dunklere Varianten von einer Basis. Speichern Sie Werte mit ihren Rollen, wie Hintergrund, Text oder Akzent, um zu vermeiden, dass technisch gültige Codes ausgetauscht werden, die verschiedenen Zwecken im Design dienen. Der empfangende Kontext bestimmt, ob die konvertierte Darstellung nützlich ist.

Ein praktischer Check vor der Verwendung des Ergebnisses

Kopieren Sie für ein Stylesheet ein Muster in jede akzeptierte Notation und bestätigen Sie die beabsichtigte Farbe im Zielbrowser. Behalten Sie die ursprüngliche Referenz bei, wenn die HSL-Ausgabe gerundet ist. Überprüfen Sie die Transparenz separat, da diese Kanäle nicht automatisch Alpha enthalten. Testen Sie die Farbe neben der tatsächlichen Typografie und den Hintergründen, anstatt auf den Kontrast einer HEX-Nummer zu schließen. Speichern Sie Werte und Rollen in einer gemeinsamen Referenz, wenn mehrere Seiten einer Identität folgen. Gültige Notation erleichtert die Farbeingabe, aber die Verwendung erfordert immer noch visuelle Entscheidungen und kontextbezogene Überprüfungen. Vergleichen Sie das implementierte Element, nicht nur ein isoliertes Muster, um festzustellen, ob der konvertierte Wert den beabsichtigten Effekt über das gesamte Design hinweg behält.

Setzen Sie Ihre Aufgabe fort

Laden Sie das Ergebnis herunter oder kopieren Sie den Text, bevor Sie ein anderes Tool öffnen. Dann laden oder fügen Sie es in den nächsten Schritt ein; Inhalt wird nicht automatisch übertragen.

Eine Farbpalette vorbereiten

Erstellen Sie Farbtöne aus einer HEX-Farbe und erhalten Sie ihre RGB- und HSL-Werte.

  1. Erstellen Sie die Farbtöne
  2. Konvertieren einer FarbeHier
Optionen und Grenzen

Wählen Sie ein Format und geben Sie eine opake Farbe ein. Zum Beispiel: #3659D9, rgb(54, 89, 217) oder hsl(227, 68%, 53%). RGB-Kanäle sind zu Ganzzahlen gerundet; HSL ist zu Graden und Prozenten gerundet.

Anleitungen