Farbformat-Konverter

Farbwähler
HEX
RGB
HSL
RGBA
HSLA

Verwendung

  1. Geben Sie eine Farbe in einem beliebigen Format ein — HEX, RGB, HSL, RGBA oder HSLA — oder klicken Sie auf die Farbvorschau, um den Farbwähler zu öffnen
  2. Alle anderen Formatfelder werden automatisch aktualisiert
  3. Passen Sie den A-Wert im RGBA- oder HSLA-Bereich an, um die Deckkraft festzulegen (0 = vollständig transparent, 1 = vollständig undurchsichtig)
  4. Klicken Sie auf Kopieren neben einem Format, um den fertigen CSS-Farbwert zu kopieren
  5. Die Schachbrett-Farbvorschau oben zeigt Farbe und Transparenz visuell an

Häufig gestellte Fragen

Was ist das HEX-Farbformat?

HEX verwendet eine sechsstellige Hexadezimalzahl zur Darstellung einer Farbe, z. B. #FF5733. Es wird häufig in CSS und Webdesign verwendet.

Was ist das RGB-Farbformat?

RGB gibt eine Farbe über Rot-, Grün- und Blaukomponenten an, jede im Bereich 0 bis 255. Beispiel: rgb(255, 87, 51).

Was ist das HSL-Farbformat?

HSL steht für Farbton (0–360°), Sättigung (0–100%) und Helligkeit (0–100%). Es ist für Designer intuitiver bei der Farbanpassung.

Was ist das RGBA-Farbformat?

RGBA erweitert RGB um einen Alphakanal (0–1) zur Steuerung der Deckkraft. Beispiel: rgba(255, 87, 51, 0.5) ist 50 % transparent.

Was ist das HSLA-Farbformat?

HSLA erweitert HSL um einen Alphakanal (0–1). Beispiel: hsla(14, 100%, 60%, 0.5) ist ein halbtransparentes Orange.