HEX, RGB und HSL umrechnen
Verschiedene Programme und Sprachen verwenden unterschiedliche Farbformate. Der Konverter rechnet HEX, RGB und HSL sofort ineinander um – mit Live-Vorschau der Farbe.
Farbformate im Webdesign
HEX (#ffffff) ist der Standard in CSS und Design-Tools. RGB (255, 255, 255) wird in vielen Programmiersprachen verwendet. HSL (0°, 0%, 100%) ist intuitiver für Farbanpassungen.
Wann welches Format?
HEX: Kompakt, gut für CSS. RGB: Gut für dynamische Farbanpassungen. HSL: Am besten für Farbvariationen (Helligkeit/Sättigung ändern).
Alpha-Transparenz
Für transparente Farben gibt es RGBA und HSLA. Der vierte Wert (0-1) bestimmt die Deckkraft. In modernem CSS auch: #ffffff80 (HEX mit Alpha).
Häufig gestellte Fragen
Was bedeutet HEX-Farbcode?
HEX steht für Hexadezimal. Die 6 Zeichen repräsentieren Rot, Grün und Blau in 16er-Notation. #FF0000 = volles Rot, #00FF00 = volles Grün, #0000FF = volles Blau.
Wie rechne ich HEX in RGB um?
Jedes Zeichenpaar (00-FF) entspricht einem RGB-Wert (0-255). #FF8800 = RGB(255, 136, 0). Das Tool macht das automatisch.
Wofür steht HSL?
HSL = Hue (Farbton 0-360°), Saturation (Sättigung 0-100%), Lightness (Helligkeit 0-100%). Es ist intuitiver, weil man Farben leicht heller/dunkler machen kann.
Kann ich Farben mit Transparenz konvertieren?
Für Transparenz verwende RGBA oder HSLA. Der Alpha-Wert (0-1) bestimmt die Deckkraft. In modernem CSS auch HEX mit 8 Zeichen: #ffffff80.
Farben sind entscheidend für deine Marke. Ich entwickle ein stimmiges Farbkonzept für deine Website und dein Corporate Design.
Grafikdesign ansehen →