> konvertieren | vorschau | wählen <
// Konvertieren Sie zwischen HEX, RGB, HSL, HSV und CMYK Farbformaten
Farbvorschau
Live-Farbvorschau aktualisiert sich sofort beim Tippen oder Farbauswahl.
Jedes Format eingeben
Geben Sie eine Farbe in einem beliebigen Format ein und alle anderen Formate werden automatisch aktualisiert.
5 Farbformate
Konvertieren Sie zwischen HEX, RGB, HSL, HSV/HSB und CMYK. Kopieren Sie jedes Format mit einem Klick.
// ÜBER FARBFORMATE
Farbmodelle:
Farben können mit verschiedenen Modellen dargestellt werden: additives RGB (Rot, Grün, Blau) für Bildschirme, subtraktives CMYK (Cyan, Magenta, Gelb, Schwarz) für Druck, HEX-Notation als kompakte RGB-Darstellung und HSL/HSV für Farbton, Sättigung und Helligkeit/Wert.
Beispiel:
#FF5733 → rgb(255, 87, 51) → hsl(11, 100%, 60%)
Häufige Anwendungsfälle:
- >Webentwicklung: CSS-Farben in HEX, RGB oder HSL
- >Druckdesign: Konvertierung von RGB zu CMYK
- >UI-Design: HSL für intuitive Farbanpassungen
- >Markenrichtlinien: Konsistente Farben über Formate hinweg
- >Barrierefreiheit: Überprüfung von Kontrastverhältnissen
>> häufig gestellte Fragen
F: Was ist der Unterschied zwischen HEX und RGB?
A: HEX und RGB repräsentieren dasselbe Farbmodell (Rot, Grün, Blau), aber in verschiedenen Notationen. HEX verwendet Hexadezimal (#FF5733), während RGB Dezimalwerte verwendet (rgb(255, 87, 51)).
F: Was ist HSL und warum sollte man es verwenden?
A: HSL steht für Farbton, Sättigung, Helligkeit. Es ist ein intuitiveres Farbmodell für Menschen. CSS unterstützt nativ die hsl()-Notation.
F: Wann sollte ich CMYK verwenden?
A: CMYK (Cyan, Magenta, Gelb, Schwarz) ist das Farbmodell für den Druck. Beachten Sie, dass nicht alle RGB-Farben in CMYK reproduziert werden können.
F: Welche CSS-Farbformate werden in Browsern unterstützt?
A: Moderne Browser unterstützen HEX, RGB, HSL, benannte Farben und neuere Formate wie hwb(), lab(), lch(), oklch().
F: Wie beeinflussen Farbformate die Barrierefreiheit?
A: Das Format beeinflusst die Barrierefreiheit nicht direkt, aber das Verständnis der Farbwerte hilft bei der Berechnung von Kontrastverhältnissen. WCAG 2.1 erfordert ein Minimum von 4,5:1 für normalen Text.