Zum Inhalt springen

Farbkonverter

Konvertieren Sie Farben zwischen HEX, RGB und HSL Formaten mit Live-Vorschau.

#
#FF5733

Farbvorschau

Konvertierungsergebnisse

HEX
#FF5733
RGB
rgb(255, 87, 51)
HSL
hsl(11, 100%, 60%)
CMYK
cmyk(0%, 66%, 80%, 0%)

Kostenloser Farbkonverter – Zwischen HEX, RGB und HSL Farbformaten Konvertieren

Die Farbdarstellung im digitalen Design verwendet mehrere Formate. HEX-Codes sind der Web-Standard, RGB wird in Bildschirmen und Programmierung verwendet, und HSL bietet eine intuitive Beschreibung durch Farbton, Sättigung und Helligkeit.

HEX-Farben (hexadezimal) verwenden einen 6-stelligen Code mit vorangestelltem Hash-Symbol, wie #FF5733. Jedes Ziffernpaar repräsentiert die Rot-, Grün- und Blau-Kanäle mit Werten von 00 (0) bis FF (255).

RGB (Rot, Grün, Blau) definiert Farben durch Angabe der Intensität jedes Primärkanals auf einer Skala von 0 bis 255. Das Format rgb(255, 87, 51) repräsentiert dieselbe Farbe wie #FF5733.

HSL (Farbton, Sättigung, Helligkeit) beschreibt Farben intuitiver. Der Farbton ist der Winkel auf dem Farbrad (0-360 Grad), die Sättigung ist die Intensität (0-100%) und die Helligkeit gibt an, wie hell oder dunkel die Farbe ist.

FAQ

Teilen
GesponsertAnzeige

Professionelles Design leicht gemacht mit Canva

Erstellen Sie Logos, Social-Media-Posts, Präsentationen und mehr per Drag-and-Drop.

FAQ

Was ist der Unterschied zwischen HEX und RGB?+
HEX und RGB repräsentieren dasselbe Farbmodell, aber mit unterschiedlicher Notation. HEX verwendet hexadezimale Ziffern (00-FF), während RGB Dezimalzahlen (0-255) verwendet. #FF5733 in HEX entspricht rgb(255, 87, 51) in RGB.
Warum ist HSL für Designer nützlich?+
HSL ist intuitiv, weil es die Farbidentität (Farbton) von ihren Eigenschaften (Sättigung und Helligkeit) trennt. Um eine Farbe dunkler zu machen, verringern Sie die Helligkeit. Für die Komplementärfarbe addieren Sie 180 zum Farbton.
Wie finde ich die Komplementärfarbe?+
In HSL findet man die Komplementärfarbe, indem man 180 Grad zum Farbtonwert addiert. Beispiel: Hat die Farbe einen Farbton von 11 Grad, hat die Komplementärfarbe einen Farbton von 191 Grad.
Kann ich diese Formate in CSS verwenden?+
Ja, alle drei Formate funktionieren in CSS. HEX: color: #FF5733; RGB: color: rgb(255, 87, 51); HSL: color: hsl(11, 100%, 60%).
Was ist das Farbrad?+
Das Farbrad ordnet Farben im Kreis nach ihrem Farbton: 0/360 Grad ist Rot, 60 ist Gelb, 120 ist Grün, 180 ist Cyan, 240 ist Blau und 300 ist Magenta.

Beliebteste Tools