HEX zu RGB

HEX in RGB, RGBA, HSL, HSV, CMYK und Dezimal mit Live-Vorschau umwandeln

100 % kostenlos. Läuft vollständig in deinem Browser: deine Dateien und Daten verlassen dein Gerät nie, und es wird nichts auf einen Server hochgeladen.

editColour

Alpha100%

visibilityPreview

#6366f1

data_objectAll Formats

codeReady to Paste

Jump to the next useful tool without leaving your flow.

See more

Über dieses Tool

Ein HEX-Code ist einfach RGB in Basis 16. #6366f1 teilt sich in drei Paare – 63, 66, f1 – das sind 99, 102 und 241 dezimal, die Rot-, Grün- und Blaukanalwerte. Dieselbe Farbe, andere Notation, und die Umwandlung dazwischen ist Arithmetik statt Interpretation. Mehrere Formate existieren, weil jedes zu einem anderen Job passt. HEX ist kompakt und dominiert CSS und Design-Tools. RGB legt die einzelnen Kanäle offen, was du brauchst, wenn Code eine Farbe berechnen oder animieren muss. HSL – Farbton, Sättigung, Helligkeit – ist das, was die meisten unternutzen und öfter greifen sollten: eine hellere Variante einer Farbe zu bauen heißt, eine Zahl zu ändern statt drei zu raten, deshalb sind Design-Systeme meist in HSL definiert. CMYK gehört zum Druck und ist das eine Format, bei dem eine mathematische Umwandlung nur ein Startpunkt ist, weil Tintenverhalten von Papier und Profil abhängt. Alles konvertiert live in deinem Browser.

So verwendest du dieses Tool

  1. Einen HEX-Code eingebenMit oder ohne Hash, in 3, 4, 6 oder 8 Stellen. Die 8-stellige Form enthält Alpha.
  2. Jedes Format auf einmal lesenRGB, RGBA, HSL, HSV, CMYK und Dezimal aktualisieren alle live, ein zweiter Konvertierungsschritt ist also nicht nötig.
  3. Kopiere das, das du brauchstHEX für CSS, RGB für Code, der Kanäle manipuliert, HSL zum Bauen von Varianten.
  4. Nutze HSL, um Variationen zu erzeugenPasse nur die Helligkeit an, um Hover-, Disabled- und Hintergrundschatten zu erzeugen, die in derselben Farbfamilie bleiben.

Warum es nutzen

  • Sechs Formate aus einer Eingabe, du brauchst also nie einen zweiten Konverter.
  • Verarbeitet 3-, 4-, 6- und 8-stelliges HEX inklusive Alpha, was viele Konverter nicht tun.
  • Live-Vorschau, sodass du die Farbe siehst, statt den Zahlen zu vertrauen.
  • Läuft in deinem Browser, letzte Farben bleiben lokal.
  • Kein Konto und kein Limit.

Häufige Anwendungen

  • Einen Marken-HEX-Code in RGB für Code umwandeln, der Farbe animiert oder berechnet.
  • HSL-Werte holen, um eine konsistente Palette hellerer und dunklerer Varianten zu bauen.
  • CMYK-Startwerte für einen Druckdienstleister erzeugen.
  • Eine Farbe aus einem Design-Tool in das Format übersetzen, das dein Framework erwartet.
  • Einer bestehenden Farbe Transparenz hinzufügen, indem du HEX nach RGBA konvertierst.

Tipps für bessere Ergebnisse

  • Nutze HSL, wenn du Varianten brauchst. Nur die Helligkeit zu ändern hält den Farbton konsistent, was manuelle RGB-Anpassung selten schafft.
  • Für Transparenz in CSS funktionieren 8-stelliges HEX oder RGBA – wähle eines und nutze es konsistent in der Codebasis.
  • Behandle CMYK-Ausgabe als Startpunkt und bestätige mit deiner Druckerei, die nach einem bestimmten Farbprofil arbeitet.
  • Hast du eine Farbe, prüfe sie gegen den Hintergrund mit dem Kontrast-Checker, bevor du sie für Text nutzt.
  • Definiere Design-Tokens in HSL, wo dein Tooling das erlaubt. Das macht es einfach, eine volle Skala aus einer Basisfarbe zu erzeugen.

Fehler, die du vermeiden solltest

  • Mathematisch konvertiertes CMYK als finale Werte an eine Druckerei schicken, ohne gegen ihr Profil zu bestätigen.
  • Hellere und dunklere Schatten bauen, indem du RGB-Kanäle per Auge anpasst, was den Farbton ebenso verschiebt wie die Helligkeit.
  • Annehmen, 8-stelliges HEX funktioniere überall. Die Unterstützung in modernen Browsern ist breit, ältere Umgebungen und manche Tools erwarten aber noch RGBA.
  • HEX mit Alpha und RGBA willkürlich in einer Codebasis mischen, was Farben schwer such- und wartbar macht.
  • Eine Farbe nur nach den Zahlen wählen, ohne den Kontrast gegen den Hintergrund zu prüfen, auf dem sie sitzen wird.

Häufig gestellte Fragen

Ein 8-stelliger HEX-Code fügt zwei Zeichen für Alpha (Deckkraft) am Ende hinzu – #ff000080 ist Rot bei 50 % Deckkraft. Die 4-stellige Form ist ihre Kurzform, genau wie #f00 Kurzform für #ff0000 ist. Alle vier Längen werden hier unterstützt.

CMYK-Umwandlung hängt von den konkreten Tinten, dem Papier und dem verwendeten Farbprofil ab. Die Werte hier nutzen die Standard-Mathematik, die als Startpunkt korrekt ist, eine Druckerei mit einem bestimmten ICC-Profil erzeugt aber leicht andere Zahlen.

Es ist die Farbe, gepackt in eine einzelne 24-Bit-Ganzzahl, die manche APIs, Game-Engines und Design-Tools statt eines HEX-Strings nutzen. Dieselbe Farbe, anders ausgedrückt.

Letzte Farben und Favoriten liegen im lokalen Speicher deines eigenen Browsers. Nichts geht an einen Server, und das Löschen deiner Browserdaten löscht den Verlauf.

Immer wenn du Varianten einer Farbe brauchst. Hellere, dunklere oder weniger gesättigte Versionen kommen von einer einzelnen HSL-Zahl, während RGB-Kanäle per Auge den Farbton oft mitverschieben. Deshalb definieren die meisten Design-Systeme ihre Paletten in HSL.

Hänge entweder zwei Hex-Ziffern für Alpha an – #6366f180 ist 50 % Deckkraft – oder nutze den hier gezeigten RGBA-Wert. Beides ist in modernem CSS gültig; wähle eine Konvention und wende sie konsistent an.

Ja. HEX To RGB ist für die normale Nutzung kostenlos, du brauchst kein Konto, und ToolBox fügt deinem Ergebnis kein Wasserzeichen hinzu.

Die meisten Tools in dieser Kategorie laufen in deinem Browser, sodass die Datei auf deinem Gerät bleibt. Wenn ein Tool einen temporären Server-Auftrag braucht, werden Dateien nur für diesen Auftrag verarbeitet und nicht als dauerhaftes Archiv gespeichert.

Andere suchen auch nach

  • hex zu rgb konverter
  • rgb zu hex online
  • hex zu hsl konverter
  • farbcode konverter
  • hex zu cmyk für druck
  • hex zu rgba konvertieren
  • 8 stelliges hex farbe alpha

Related guides