Konvertieren Sie HEX-Farbcodes in RGB und zurück
Geben Sie einen HEX-Code wie #FF5733 ein und sehen Sie sofort das RGB-Äquivalent – rgb(255, 87, 51). Oder geben Sie RGB-Werte ein und erhalten Sie den HEX-Code. Ein Live-Farbfeld wird während der Eingabe aktualisiert, und Ein-Klick-Schaltflächen kopieren den Wert in das Format, das Sie für CSS, Design-Tools oder Dokumentation benötigen.
Nutzen Sie dieses Tool kostenlosBrowser tool
Hex to RGB converter
Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.
Alpha: 1
Wie zu verwenden
Geben Sie einen Farbwert ein
Geben Sie einen HEX-Code (mit oder ohne #-Symbol) ein oder geben Sie RGB-Werte als drei Zahlen von 0 bis 255 ein.
Sehen Sie sich das Ergebnis an
Das gegenüberliegende Formatfeld wird automatisch aktualisiert. Das Vorschaumuster zeigt die Farbe.
Kopie
Klicken Sie neben einem beliebigen Wert oder CSS-Snippet auf die Schaltfläche "Kopieren“. Ein Toast bestätigt, dass sich der Text in Ihrer Zwischenablage befindet.
Merkmale
Bidirektionale Konvertierung
Geben Sie einen HEX-Code ein, um RGB zu erhalten, oder geben Sie RGB-Werte ein, um HEX zu erhalten. Beide Felder werden während der Eingabe in Echtzeit aktualisiert, ohne dass Sie auf eine Schaltfläche zum Konvertieren klicken müssen.
Live-Farbmuster
Ein großes Vorschaumuster zeigt die von Ihnen eingegebene Farbe an. Es wird sofort aktualisiert, sodass Sie visuell bestätigen können, dass der Farbton Ihren Erwartungen entspricht.
CSS-Ausgabeausschnitte
Erhalten Sie CSS-Code zum Einfügen für die Eigenschaften Farbe, Hintergrundfarbe und Rahmenfarbe im HEX- und RGB-Format. Kopieren Sie einen beliebigen Ausschnitt mit einem Klick.
Alpha-Kanal-Unterstützung
Geben Sie 8-stellige HEX-Codes oder RGBA-Werte ein, um mit Transparenz zu arbeiten. Das Tool konvertiert den Alphakanal genau zwischen den beiden Formaten.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceSpezifikationen
| Eingabeformate | HEX (3, 6, 8 Ziffern), RGB, RGBA |
| Ausgabeformate | HEX, RGB, RGBA |
| Alpha-Unterstützung | Ja (HEX8, RGBA) |
| CSS-Schnipsel | Farbe, Hintergrund, Rand |
| Vorschau | Live-Swatch |
| Verarbeitung | Clientseitig (sofort) |
Related Magic Eraser Tools
Häufige Fragen
Was ist der Unterschied zwischen 3-stelligen und 6-stelligen HEX-Codes?
+
Ein dreistelliger HEX-Code wie #F53 ist die Abkürzung für #FF5533 – jede Ziffer wird verdoppelt. Das Tool akzeptiert beide Formen und gibt der Übersichtlichkeit halber immer den vollständigen 6-stelligen Code aus.
Kann ich HEX-Codes ohne das #-Symbol eingeben?
+
Ja. Das Tool erkennt HEX-Werte mit oder ohne führenden Hash. Das # wird der Ausgabe automatisch hinzugefügt.
Wie konvertiere ich eine Farbe mit Transparenz?
+
Verwenden Sie einen 8-stelligen HEX-Code, wobei die letzten beiden Ziffern Alpha darstellen (zum Beispiel #FF573380 für 50 % Deckkraft) oder geben Sie vier RGBA-Werte ein. Das Tool konvertiert den Alphakanal zwischen beiden Formaten.
Arbeiten Sie mit Markenfarben in Fotos?
AI Enhance kann die Fotofarben an Ihre Markenpalette anpassen. Erhalten Sie hier die genauen RGB-Werte und verwenden Sie diese dann als Referenz bei der Verbesserung der Produktfotografie.
Probieren Sie es kostenlos ausMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Entwerfen Sie lineare, radiale und konische Farbverläufe mit mehreren Farbstopps. Kopieren Sie den CSS-Code oder laden Sie ihn als PNG-Bild herunter.
Konvertieren Sie Farben zwischen den benannten Formaten HEX, RGB, HSL, HSB, CMYK und CSS. Sehen Sie sich eine Live-Vorschau an, kopieren Sie beliebige Werte und exportieren Sie eine Farbkarte.
Wählen Sie eine beliebige Farbe aus einem hochgeladenen Bild aus und erhalten Sie sofort die HEX-, RGB- und HSL-Codes. Erstellen Sie Paletten aus Fotos für Webdesign, Branding und Illustration.
Laden Sie ein Foto hoch und extrahieren Sie 5–10 dominante Farben mit HEX-, RGB- und HSL-Codes. Kopieren Sie Farbfelder und exportieren Sie sie als ASE- oder CSS-Variablen.
Generieren Sie QR-Codes für URLs, Text, WLAN-Anmeldeinformationen und vCards. Passen Sie die Farben an, fügen Sie ein Logo in der Mitte hinzu und laden Sie es als PNG oder SVG herunter.
Berechnen Sie Breite, Höhe oder Seitenverhältnis für Bilder und Videos. Geben Sie zwei beliebige Werte ein und erhalten Sie den dritten. Voreingestellte Verhältnisse für soziale Medien, Film und Druck.