Zum Inhalt springen
(+381) 60 3535 720
Mein Konto
BeoHosting
BeoHosting
Mein KontoKontakt
(+381) 60 3535 720
 

Kostenloses Tool für Webdesigner

Color Converter — HEX, RGB, HSL Farbkonverter

Konvertieren Sie Farben zwischen HEX, RGB und HSL Formaten. Live-Vorschau, Color Picker, RGB Slider und die 20 beliebtesten Farben. Alles lokal im Browser.

Farbe konvertierenHosting-Pakete
KURZE ANTWORT

Wie verwenden Sie den Color Converter für HEX, RGB und HSL?

Der Color Converter konvertiert eine Farbe in 3 Schritten zwischen 3 standardmäßigen Webformaten: 1) Geben Sie einen Wert in einem beliebigen Format ein — HEX (#FFCB05), RGB (rgb(255, 203, 5)) oder HSL (hsl(48, 100%, 51%)). 2) Das Tool berechnet automatisch die anderen beiden Formate + zeigt eine Live-Vorschau. 3) Kopieren Sie das gewünschte Format oder verwenden Sie die RGB-Slider zur Feinabstimmung. Wann welches Format verwendet wird: HEX für CSS und HTML, RGB für JavaScript Canvas, HSL für semantische Variationen (heller/dunkler). Alles wird lokal im Browser berechnet.

  • 3 Formate — HEX, RGB, HSL — mit Live-Vorschau
  • RGB-Slider zur Feinabstimmung von Rot/Grün/Blau
  • 20 beliebteste Farben als Quick-Picker
  • Lokal im Browser — ohne Senden an den Server

BeoHosting Team

10+ Jahre Erfahrung — Spezialisten für Webhosting und Infrastruktur

Zuletzt aktualisiert:

Color Converter

Geben Sie eine Farbe im HEX-, RGB- oder HSL-Format ein — das Tool konvertiert automatisch in alle drei Formate.

Vorschau

#FFCB05
#FFCB05
rgb(255, 203, 5)
hsl(48, 100%, 51%)

RGB-Slider

R (Rot)255
G (Grün)203
B (Blau)5

20 häufigste Farben

Datenschutz: Alle Konvertierungen werden lokal im Browser mit JavaScript-Mathematikfunktionen durchgeführt. Ihre Farben werden NICHT an den Server gesendet.

Leitfaden

HEX, RGB und HSL — wann welches Format verwenden

Das HEX-Format (#FFCB05) ist das gebräuchlichste in CSS und HTML — kompakt und lesbar. Sechs Hex-Zeichen stellen 3 Byte dar (Rot/Grün/Blau-Komponenten zu je 0-255). Es gibt auch eine verkürzte 3-Zeichen-Schreibweise (#FA0 = #FFAA00) für Farben mit wiederholten Paaren.

RGB — Red Green Blue

Das RGB-Format verwendet 3 Dezimalzahlen von 0 bis 255 (rgb(255, 203, 5)). Ideal für die JavaScript Canvas API, programmgesteuerte Farberzeugung und den Alpha-Kanal (rgba). RGB ist intuitiv beim Mischen von Grundfarben, aber nicht geeignet für Variationen derselben Farbe.

HSL — Hue Saturation Lightness

HSL trennt eine Farbe in 3 Komponenten: Hue (Farbton 0-360°, wobei Rot=0, Grün=120, Blau=240), Saturation (Sättigung 0-100 %) und Lightness (Helligkeit 0-100 %). Ideal für Themes und Paletten — ändern Sie nur die Lightness für einen Hover-Zustand oder nur den Hue für Sekundärfarben.

Verwandte Tools und Dienste

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64-EncoderPasswort-GeneratorCSS auf Ihrer WebsiteWordPress HostingWebsite-Geschwindigkeit testenKontakt

Bereit, Ihre Website zu starten?

SSL-Schutz
Geschwindigkeit
24/7-Support

Schließen Sie sich 4.000+ zufriedenen Kunden an. Kostenlose Migration und 15-Tage-Geld-zurück-Garantie.

Paket wählenKontaktieren Sie uns
15 Tage Geld-zurück-Garantie
Kostenlose Migration15-Tage-Garantie24/7-Support

Häufig gestellte Fragen - Color Converter

Antworten auf die häufigsten Fragen zu unseren Diensten.

HEX (hexadezimal) ist die Standard-CSS-Farbschreibweise in der Form #RRGGBB. Jeder zweistellige hexadezimale Wert (00-FF) stellt eine von drei Komponenten dar: Rot (RR), Grün (GG), Blau (BB). Zum Beispiel bedeutet #FFCB05 R=255, G=203, B=5 — die gelbe Farbe der BeoHosting-Marke.

Das RGB-Format wird verwendet, wenn Sie einen Alpha-Kanal (Transparenz) benötigen — rgba(255, 203, 5, 0.5) — oder wenn Sie Farben in der JavaScript Canvas API programmgesteuert generieren, wo numerische Werte praktischer sind. HEX ist kompakter für statisches CSS, während RGB für dynamische Werte besser lesbar ist.

HSL trennt die Farbe in drei intuitive Komponenten: Hue, Saturation, Lightness. Um einen Hover-Zustand zu erstellen, reduzieren Sie die Lightness um 5-10 %, ohne den Farbton zu ändern. Um eine Sekundärfarbe zu erstellen, ändern Sie nur den Hue um 30-60°. RGB und HEX erfordern komplexe Mathematik für dieselben Ergebnisse.

Ja, seit 2018 unterstützen alle modernen Browser (Chrome 62+, Firefox 49+, Safari 10+) 8-Zeichen-HEX mit Alpha-Kanal: #FFCB0580 bedeutet 50 % Transparenz. Für alte Browser (IE) verwenden Sie rgba(), das universelle Unterstützung bietet.

Nein. Alle Konvertierungen werden lokal in Ihrem Browser mit JavaScript-Mathematikfunktionen durchgeführt. Ihre Farben werden NICHT an den Server gesendet oder in einer Datenbank gespeichert. Alles ist 100 % privat und funktioniert auch offline.

Unsere Garantien für Ihren Seelenfrieden

Von allen Seiten geschützt

15-Tage-Garantie

Wir erstatten ohne Fragen in den ersten 15 Tagen.

Kostenlose Migration

Wir migrieren Ihre Site ohne Ausfallzeit — Sie tun nichts.

24/7-Support

Unsere Experten sind 24/7 über Tickets und Live-Chat verfügbar.