Umstellung der Farbcodes

Farbcode-Umrechnung (Farbkonverter)

Wenn Sie eine Farbe über die Farbauswahl oder einen numerischen Wert festlegen, berechnet das System automatisch die HEX-, RGB-, HSL-, HSV- und CMYK-Werte. Sie können jedes Format mit einem einzigen Klick kopieren und das Kontrastverhältnis mit Komplementärfarben und Textfarben überprüfen.

Fügen Sie eine Farbe ein

Unterstützt die Formate #RGB, #RGBA, #RRGGBB und #RRGGBBAA.

%
%

%
%

%
%
%
%

Übersetzungsergebnis

Die eingegebenen Farben wurden in die jeweiligen Farbformate konvertiert.

Beispieltext
HEX—
HEXA (mit Deckkraft)—
RGB—
RGBA—
HSL—
HSLA—
HSV / HSB—
CMYK—

Komplementärfarben

—

Dies ist die Komplementärfarbe, die im Farbkreis um 180 Grad versetzt ist.

Kontrast zur Textfarbe

Verhältnis zu weißem Text—
Verhältnis zu schwarzem Text—
Gut lesbare Textfarbe：—

Die gesamte Farbkonvertierung erfolgt im Browser; Eingabedaten werden nicht an den Server gesendet.

Was ist ein Tool zur Umwandlung von Farbcodes?

Der Color Code Converter ist ein kostenloses Online-Tool, das numerische Farbangaben umwandelt, die im Webdesign, in der App-Entwicklung, in der Bildbearbeitung und im Druckdesign verwendet werden. Selbst bei derselben Farbe variiert das zur Angabe verwendete Format – wie beispielsweise HEX, RGB, HSL, HSV oder CMYK – je nach Anwendung oder Software. Mit diesem Tool können Sie die Werte für alle gängigen Formate auf einen Blick anzeigen, indem Sie einfach eine einzige Farbe eingeben.

HEX ist eine hexadezimale Notation, die im CSS von Websites weit verbreitet ist. So wird beispielsweise Weiß als #FFFFFF und Schwarz als #000000 dargestellt. RGB ist ein System, das rotes, grünes und blaues Licht auf einer Skala von 0 bis 255 kombiniert und zur Darstellung von Farben auf Bildschirmen verwendet wird. Mit RGBA und 8-stelligem HEXA lässt sich zudem die Deckkraft festlegen, was sie nützlich für die Erstellung halbtransparenter Hintergrundfarben und Überlagerungen macht.

HSL beschreibt Farben anhand von Farbton, Sättigung und Helligkeit. Der Farbton wird auf einem Farbrad im Bereich von 0 bis 360 Grad angegeben, während Sättigung und Helligkeit auf einer Skala von 0 bis 100 % angegeben werden.Dieses Format erleichtert die intuitive Anpassung von Farben, beispielsweise um sie etwas heller zu machen oder ihre Lebendigkeit zu dämpfen. HSV oder HSB stellt Farben anhand von Farbton, Sättigung und Helligkeit dar und wird in vielen Grafikprogrammen und Farbauswahl-Tools verwendet.

CMYK ist ein Farbmodell, das auf den Anteilen von Cyan-, Magenta-, Gelb- und Schwarztinte basiert und vor allem in der Druckindustrie verwendet wird. Allerdings sind CMYK-Werte, die mathematisch aus RGB-Farben auf dem Bildschirm berechnet werden, nur ein grober Anhaltspunkt. Da die tatsächlichen Druckergebnisse von Faktoren wie Papier, Tinte, Druckmaschine und ICC-Profilen abhängen, sollten Sie bei Druckmaterialien, die Farbgenauigkeit erfordern, die Spezifikationen Ihrer Druckerei beachten und Ihre Farbmanagementumgebung überprüfen.

Dieses Tool zeigt nicht nur Werte für jedes Format an, sondern auch eine Vorschau der ausgewählten Farbe, ihrer Komplementärfarbe (um 180 Grad im Farbton verschoben) sowie das Kontrastverhältnis bei Überlagerung von weißem und schwarzem Text. Es ist nützlich, um Textfarben auszuwählen, die vor dem Hintergrund gut lesbar sind, und um Farbschemata unter Berücksichtigung der Barrierefreiheit zu prüfen.Alle Berechnungen werden im Browser durchgeführt, und die von Ihnen eingegebenen Farbinformationen werden niemals an den Server gesendet.

Anleitung

  1. Verwenden Sie den Farbwähler oder geben Sie einen Wert im HEX-, RGB-, HSL-, HSV- oder CMYK-Format ein.
  2. Je nach eingegebenem Format werden die Werte in anderen Farbformaten automatisch aktualisiert.
  3. Wenn Transparenz erforderlich ist, passen Sie den Transparenzregler oder das Zahlenfeld an.
  4. Wenn Sie auf „Konvertierungsergebnisse anzeigen“ klicken, gelangen Sie zum Ergebnisbereich, in dem Sie die einzelnen Formate, die Komplementärfarben und das Kontrastverhältnis überprüfen können.
  5. Klicken Sie im gewünschten Format auf „Kopieren“ und fügen Sie den Text anschließend in CSS, Design-Tools, Dokumentationen usw. ein.

Hinweise zur Verwendung

  • CMYK-Werte sind allgemeine Umrechnungen, die aus RGB abgeleitet wurden, und garantieren keine exakte Farbwiedergabe im Druck.
  • Transparenz spiegelt sich in den RGB-, HSL- und HEXA-Ausgaben wider, während CMYK das Konzept der Transparenz nicht berücksichtigt.
  • Je nach Ihren Einstellungen für Bildschirm, Browser und Betriebssystem kann derselbe Farbcode unterschiedlich dargestellt werden.
  • Das Kontrastverhältnis wird auf der Grundlage deckender Farben berechnet, wobei Transparenz nicht berücksichtigt wird. Die Lesbarkeit kann je nach dem tatsächlichen Hintergrundbild und der Überlappung der Elemente variieren.
  • Sehr kleine Dezimalzahlen werden aus Gründen der Lesbarkeit auf eine angemessene Anzahl von Dezimalstellen gerundet.

Häufig gestellte Fragen

Farben werden in hexadezimaler Notation angegeben. In der Regel wird das 6-stellige Format #RRGGBB verwendet; bei Einbeziehung der Transparenz kommt das 8-stellige Format #RRGGBBAA zum Einsatz.

RGB besteht aus drei Komponenten – Rot, Grün und Blau –, während RGBA einen Alphakanal hinzufügt, um Transparenz darzustellen.

Dies ist nützlich, wenn Sie die Helligkeit oder Sättigung anpassen möchten, während der Farbton gleich bleibt. Es eignet sich auch gut zum Erstellen von Farbvariationen in CSS.

Im Allgemeinen beziehen sich diese auf dasselbe Modell. „V“ steht für „Value“ und „B“ für „Brightness“, wobei die Terminologie je nach App variieren kann.

Zeigt ungefähre Werte basierend auf allgemeinen Formeln an. Für präzise Druckfarben sind ICC-Profile und eine bestimmte Druckumgebung erforderlich.

Ja. Wenn Sie einen Wert im #RGB-Format eingeben, wird dieser in das #RRGGBB-Format umgewandelt, wobei jede Ziffer zweimal wiederholt wird.

Ja. Es unterstützt sowohl die Eingabe als auch die Ausgabe von #RGBA und #RRGGBBAA.

Dies sind Farben, die sich auf der gegenüberliegenden Seite des Farbkreises befinden. Dieses Tool berechnet sie, indem es den HSL-Farbton um 180 Grad verschiebt.

Dieser Wert gibt den Helligkeitsunterschied zwischen der Hintergrundfarbe und der Textfarbe an. Im Allgemeinen gilt: Je höher der Wert, desto leichter lässt sich der Text erkennen.

Vergleichen Sie die Kontrastverhältnisse im Abschnitt „Ergebnisse“; die Wahl des Wertes mit dem höheren Kontrastverhältnis verbessert die Lesbarkeit.

Nein. Die Umwandlung und Anzeige erfolgen vollständig im Browser; Farbwerte werden nicht zur Verarbeitung an den Server gesendet.

Ja. In unterstützten Browsern können Sie Werte mithilfe des Farbwählers oder der numerischen Eingabefelder umrechnen.