⭐ 0
🔍
Text Bild PDF & Dokumente Audio Musik Elektronik Zeit Dienstprogramme Validatoren Esoterik Spiele

RGB-zu-HEX-Konverter

Konvertieren Sie jede Farbe zwischen HEX-, RGB-, HSL- und CMYK-Notation mit einem Live-Vorschau-Farbfeld – direkt in Ihrem Browser.

Verarbeitung... 0%
Farbwert analysieren
Farbräume konvertieren
Rendering-Vorschau
Fertig

Ergebnis

Auf dieser Seite wird der Farbkonverter geöffnet, wobei RGB als Eingabeformat vorgewählt ist. Geben Sie rgb(59, 130, 246) oder nur das bloße Triplett 59, 130, 246 ein und führen Sie ihn aus, um den passenden #rrggbb-Code zu erhalten.

HEX ist die kompakteste und universellste Farbnotation: Ein #rrggbb-Token funktioniert in jeder CSS-Eigenschaft, jedem SVG-Attribut, jedem Designtool und jedem Marken-Styleguide, was es zur Standardmethode für die Übergabe einer Farbe von einem Modell an den Code macht.

Über dieses Paar hinaus gibt das vollständige Tool auch HSL und CMYK für dieselbe Eingabe zurück, bietet einen nativen Farbwähler und zeigt eine Vorschau der Farbe auf einem Farbfeld an – alles wird lokal in Ihrem Browser berechnet, ohne dass etwas hochgeladen wird.

🛡️
Im Browser ausgeführt

Ihre Dateien und Eingaben verlassen dieses Gerät nie. Die Verarbeitung läuft vollständig offline. 100 % sicher.

Akzeptierte Formate & Regeln

  • Konvertiert zwischen HEX-, RGB-, HSL- und CMYK-Farbmodellen.
  • Nativer Farbwähler, der das Wertefeld im ausgewählten Format füllt.
  • Live-Vorschau und Kopie aller vier Notationen mit einem Klick.

Wichtigste Vorteile

✓ Eine Eingabe, jede Notation: Geben Sie eine Farbe einmal ein und lesen Sie sie gleichzeitig als HEX, RGB, HSL und CMYK zurück.
✓ Fehlerverzeihender Parser: akzeptiert #fff, #3b82f6, rgb(255, 0, 0), bloße „255, 0, 0“-Triplets und hsl(120, 50 %, 50 %).
✓ Läuft vollständig in Ihrem Browser – Farbwerte werden nirgendwo hochgeladen.

Anwendungsfälle

  • • Wandeln Sie den #rrggbb-Code aus einem Markenbuch in die Notation rgb() oder hsl() um, bevor Sie Hover- und Deaktivierungszustände in CSS verknüpfen.
  • • Konvertieren Sie eine RGB-Farbe auf dem Bildschirm in CMYK-Prozentsätze, um zu prüfen, wie sie sich trennen lässt, bevor Sie Visitenkarten oder Flyer zum Drucken senden.
  • • Geben Sie mit dem integrierten Picker eine Farbe per Eyedrop ein und kopieren Sie alle vier Notationen auf einmal, um eine Übergabe vom Design an den Code zu ermöglichen.