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.
Weiterlesen im Blog
Aus Farbwerten ein komplettes Design machen?
Wenn aus einzelnen Farben ein stimmiger Markenauftritt werden soll: Ich gestalte und entwickle Websites, die zur Marke passen — Design und Code aus einer Hand.