Zurück zu Konverter

Farbkonverter

HEX, RGB und HSL umrechnen

Konvertieren Sie sofort zwischen Farbformaten. Unser kostenloser Konverter unterstützt HEX, RGB und HSL. HEX zu RGB für Webdesign, RGB zu HEX für CSS oder HSL für Farbanpassungen—genaue Ergebnisse ohne Anmeldung. HEX in HTML/CSS; RGB für Bildschirme; HSL für intuitive Anpassungen.

Häufigste Umrechnungen – Farbe

Am häufigsten: HEX zu RGB (Webdesign), RGB zu HSL (Farbanpassung), HSL zu HEX (CSS). Verwendet in CSS, Design-Tools und Entwicklung.

Schnellreferenz – Farbe

HEX: #RRGGBB (z.B. #ff0000=rot) | RGB: 0-255 jeweils | HSL: Farbton 0-360, Sättigung 0-100%, Helligkeit 0-100%

Wann welches Format nutzen

Verwenden Sie HEX für HTML, CSS oder Design-Tools—kompakt und weit unterstützt. Verwenden Sie RGB, wenn Sie Kanäle im Code manipulieren oder eine API 0–255-Werte erwartet. Verwenden Sie HSL zum Anpassen von Helligkeit, Sättigung oder zum Erstellen von Farbvarianten—nur die Helligkeit zu ändern ergibt hellere oder dunklere Töne desselben Farbtons.

So verwenden Sie

  1. Click the color swatch or enter a HEX, RGB, or HSL value.
  2. Adjust any field; all formats update in real time.
  3. Copy the result you need (HEX for CSS, RGB for code, HSL for tweaking).
  4. Use the value in your project—no signup or download required.

Häufige Anwendungsfälle

  • Web design
  • Brand colors
  • CSS and styling
  • Image editing

Häufig gestellte Fragen

What is HEX color?
HEX is a 6-digit hexadecimal code (e.g. #FF5733) representing RGB values. Common in web design.
Can I pick colors from my screen?
Yes. Use the color picker to select any color visible on your screen.
What is the difference between RGB and HSL?
RGB uses red, green, blue values (0–255 each). HSL uses hue (0–360), saturation, and lightness—better for adjusting brightness or creating color variations.
Why use HEX for web design?
HEX is compact, widely supported in HTML and CSS, and easy to copy. Browsers and design tools use it by default.

Das könnte Sie auch interessieren: