RGB HEX Konverter

Konvertieren Sie zwischen RGB-, HEX-, HSL- und CMYK-Farbcodes. Live-Farbvorschau. Kostenlos, sofort.

RGB Input

HEX Input

Format: #RRGGBB or #RGB

RGB
rgb(211, 51, 51)
HEX
#D33333
HSL
hsl(0, 65%, 51%)
CMYK
cmyk(0%, 76%, 76%, 17%)

About RGB to HEX Converter

Konvertieren Sie sofort zwischen RGB-, HEX-, HSL- und CMYK-Farbräumen. Passen Sie RGB-Schieberegler an oder geben Sie einen Hex-Wert ein – alle Darstellungen aktualisieren sich in Echtzeit mit einer Live-Farbvorschau.

Vier Farbräume

Sehen Sie Ihre Farbe gleichzeitig in RGB, HEX, HSL und CMYK. Perfekt für Webdesigner, Druckdesigner und Entwickler.

Live-Farbvorschau

Ein 100x100-Farbfeld aktualisiert sich in Echtzeit, während Sie Schieberegler anpassen oder Werte eingeben. Sehen Sie genau, womit Sie arbeiten.

RGB-Schieberegler

Feinabstimmung der Rot-, Grün- und Blaukanäle mit Zahleneingaben oder Bereichsschiebereglern. Werte von 0-255 für jeden Kanal.

HEX-Abkürzung

Geben Sie einen beliebigen Hex-Farbcode ein (#RRGGBB oder #RGB-Kurzform) und sehen Sie sofort die RGB-, HSL- und CMYK-Äquivalente.

How It Works

  1. Adjust the RGB sliders — Use the R, G, and B sliders or type values directly to pick a color.
  2. Or enter a HEX code — Type a hex color like #FF6600 or shorthand like #F60.
  3. Watch the preview update — The color swatch changes instantly to match your input.
  4. Read all conversions — RGB, HEX, HSL, and CMYK values are displayed in a clean grid.
  5. Copy any value — Click any color code to copy it to your clipboard for use in your project.

📋 Common Use Cases

Medienübergreifendes Design

Konvertieren Sie Druckfarben (CMYK) in Bildschirmfarben (RGB/Hex), wenn Sie Markenassets von physischen auf digitale Medien übertragen.

CSS & Webentwicklung

Transformieren Sie Farben zwischen Hex-, RGB- und HSL-Formaten für die Verwendung in Stylesheets, Design-Tokens und Komponentenbibliotheken.

Markenkonsistenz

Stellen Sie Farbgenauigkeit sicher, wenn Sie Markenpaletten zwischen verschiedenen Design-Tools übersetzen, die spezifische Farbformate erfordern.

Barrierefreiheitstests

Konvertieren Sie Farben in analysierbare Formate für Kontrastprüfungen und WCAG-Konformitätsverifizierung.

🪜 How to Use This Tool

  1. Geben Sie Ihre Quellfarbe ein
    Geben Sie den Farbwert im Quellformat ein – Hex-Code, RGB-Werte, CMYK-Prozentsätze oder HSL-Parameter.
  2. Wählen Sie das Zielformat
    Wählen Sie Ihr gewünschtes Ausgabeformat. Die meisten Konverter zeigen eine Live-Farbvorschau neben den konvertierten Werten.
  3. Anzeigen und Kopieren der konvertierten Farbe
    Die konvertierte Farbe erscheint sofort. Kopieren Sie einzelne Werte oder die vollständige Ausgabezeichenfolge für Ihr Projekt.
  4. Verwendung in Ihrem Projekt
    Fügen Sie die konvertierte Farbe direkt in Ihr CSS, Ihr Design-Tool oder Ihre Druckspezifikation ein. Überprüfen Sie, ob die Vorschau Ihren Erwartungen entspricht.

📚 Related Guides

Frequently Asked Questions

Sind diese Konverter kostenlos?
Ja. Alle Konverter sind völlig kostenlos. Keine Anmeldung erforderlich.
Wie genau ist der Einheitenkonverter?
Er verwendet standardmäßige Umrechnungsfaktoren für Länge, Masse, Temperatur, Fläche, Volumen und Geschwindigkeit. Die Ergebnisse sind auf 6 Dezimalstellen genau.