Farbkonverter
Häufig gestellte Fragen
Haben Farben allgemein anerkannte Namen?
Der CSS-Standard definiert rund 140 benannte Farben (wie crimson, teal, coral, rebeccapurple, transparent). Sie können jeden dieser Namen eingeben, und das Tool rechnet ihn in HEX, RGB und HSL um.
Wie prüfe ich den Kontrast zwischen Text und Hintergrund?
Ausreichender Kontrast ist eine zentrale Barrierefreiheitsanforderung (WCAG). Achten Sie beim Farbabgleich auf den Helligkeitsunterschied — den dritten Wert (L) in HSL.
Unterstützt das Tool Transparenz (Alphakanal)?
Ja. Bei Farben mit Transparenz (z. B. 8-stelliges HEX #8f5aff80, rgba(143, 90, 255, 0.5) oder hsla(260, 100%, 68%, 0.5)) berechnet das Tool exakte HEXA-, RGBA- und HSLA-Werte. Die Standardfelder HEX, RGB und HSL zeigen die Basisfarbe ohne Transparenz.
Was bedeuten die Buchstaben in HSL?
H steht für Farbton (Hue) von 0 bis 360 Grad. S steht für Sättigung (Saturation) in Prozent. L steht für Helligkeit (Lightness) in Prozent: 0 % ergibt Schwarz, 100 % Weiß.
Werden CMYK, RAL oder Pantone unterstützt?
Nein. Das Werkzeug ist für Bildschirme und Webdesign (CSS) optimiert und rechnet zwischen HEX, RGB und HSL um. Druckfarben (CMYK) und Lackfächer (RAL, Pantone) werden nicht unterstützt.
Ergibt derselbe HEX-Code auf allen Bildschirmen die gleiche Farbe?
Der Code ist identisch, die tatsächliche Farbwahrnehmung hängt jedoch von Monitorkalibrierung und Farbprofil ab.
Erstellt das Tool automatisch eine Palette?
Das Tool wandelt eine Einzelfarbe für CSS-Stylesheets um. Um Farben aus einem Bild zu extrahieren, nutzen Sie die Farbpipette.
Konvertieren Sie Farben zwischen HEX, RGB, HSL und CSS-Farbnamen. Das Tool unterstützt Transparenz (HEXA, RGBA, HSLA) und ermöglicht das schnelle Kopieren von CSS-Werten. Geben Sie den Wert in das Feld «Farbe» ein und klicken Sie auf «Konvertieren».
Formate für Farbangaben
| Format | Beispiel | Verwendung |
|---|---|---|
| HEX | #3A7BD5 | CSS, Website-Layout |
| RGB | rgb(58, 123, 213) | CSS, Programmierung, Arbeit mit Transparenz (RGBA) |
| HSL | hsl(214, 64%, 53%) | Auswahl von Nuancen eines Farbtons nach Helligkeit und Sättigung (HSLA) |
HEX, RGB und HSL beschreiben Bildschirmfarben und lassen sich unter Beibehaltung der Farbkanäle ineinander umrechnen. Bei Farben mit Alphakanal (Transparenz) berechnet das Tool exakte HEXA-, RGBA- und HSLA-Werte. Die Standardfelder HEX, RGB und HSL zeigen die Basisfarbe ohne Transparenz.
Wie man eine Farbkombination wählt
Die eingegebene Farbe ist ein Ausgangspunkt, keine fertige Palette. Der klassische Ansatz für Kombinationen baut auf dem Farbkreis auf:
- Monochrome Kombination – ein Farbton, unterschiedliche Helligkeit und Sättigung. In HSL reicht es, nur den zweiten und dritten Wert zu ändern und den ersten (den Farbton) unverändert zu lassen.
- Kontrastierende Kombination – Farben von gegenüberliegenden Seiten des Kreises, für Akzente und hohe Sichtbarkeit.
- Analoge Kombination – auf dem Kreis benachbarte Farben, für eine ruhige, einheitliche Palette.
Verwandtes Werkzeug
Soll die Ausgangsfarbe nicht von Hand eingegeben, sondern aus einem fertigen Bild oder Screenshot bestimmt werden, nutzen Sie die Farbpipette – sie liefert HEX, RGB und HSL sofort bei einem Klick auf ein Pixel.