Farbkonverter
Konvertiere Farben zwischen RGB-, HEX- und HSL-Formaten. Kostenloser Farbkonverter mit Vorschau und Ein-Klick-Kopieren für Designer und Entwickler.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
RGB-Werte
59
Rot
130
Grün
246
Blau
HSL-Werte
217Grad
Farbton
91%
Sätt
60%
Hell
🔒 Schnelle, kostenlose Rechner direkt im Browser. Keine Uploads, 100% privat.
Zuletzt aktualisiert: Januar 2026
Ähnliche Rechner
Häufig gestellte Fragen
Wie konvertiere ich HEX zu RGB?
Eine HEX-Farbe wie #FF5733 wird zu RGB konvertiert, indem man sie in Paare aufteilt: FF=255 (Rot), 57=87 (Grün), 33=51 (Blau). Jedes Paar ist eine Hexadezimalzahl (0-FF), die 0-255 dezimal darstellt. Also #FF5733 = RGB(255, 87, 51). Für Kurzform-HEX wie #F53 erweitere jede Ziffer: #FF5533. Dieser Konverter erledigt die Berechnung automatisch—gib einfach ein beliebiges Format ein.
Was ist der Unterschied zwischen RGB und HSL?
RGB (Rot, Grün, Blau) definiert Farben durch Mischen von Lichtintensitäten (jeweils 0-255). HSL (Farbton, Sättigung, Helligkeit) ist intuitiver: Der Farbton ist die Position auf dem Farbkreis (0-360°), die Sättigung ist die Farbintensität (0-100%), und die Helligkeit ist die Leuchtkraft (0-100%). HSL ist einfacher für Anpassungen—um eine Farbe aufzuhellen, erhöhe einfach L. Zum Entsättigen reduziere S.
Wann sollte ich HEX vs RGB in CSS verwenden?
Verwende HEX (#FF5733) für statische Farben—es ist kompakt und universell unterstützt. Verwende RGB oder RGBA, wenn du Transparenz brauchst: rgba(255, 87, 51, 0.5) erzeugt eine 50% transparente Farbe. HSL ist großartig für programmatische Farbmanipulation—Helligkeit oder Sättigung anzupassen ist unkompliziert. Modernes CSS unterstützt alle drei Formate gleichermaßen, wähle also nach Lesbarkeit und ob du den Alpha-Kanal brauchst.
Wie finde ich die Komplementärfarbe einer Farbe?
Komplementärfarben liegen gegenüber auf dem Farbkreis und erzeugen maximalen Kontrast. In HSL addiere oder subtrahiere einfach 180° vom Farbton. Wenn deine Farbe z.B. H=30° (Orange) hat, ist das Komplement H=210° (Blau). Behalte S und L gleich. Rot (#FF0000, H=0°) ergänzt Cyan (H=180°). Dieser Konverter zeigt HSL-Werte und erleichtert die Berechnung von Komplementen, Triaden (+120°) oder Teilkomplementen (+150°/+210°).
Warum sehen Farben auf verschiedenen Bildschirmen unterschiedlich aus?
Bildschirme unterscheiden sich im Farbumfang (Bereich darstellbarer Farben), Kalibrierung und Panel-Technologie (IPS, OLED, TN). Eine Farbe wie #FF5733 ist ein präziser digitaler Wert, aber Monitore interpretieren ihn unterschiedlich basierend auf ihrem Farbprofil und Einstellungen. Für konsistente Farbe verwende hardware-kalibrierte Monitore, gestalte im sRGB-Farbraum und teste auf mehreren Geräten. Druckfarben nutzen CMYK mit kleinerem Farbumfang als RGB.