Farbkonverter

Ein HEX-Farbcode ist eine 6-stellige Hexadezimalzahl mit dem Prefix #, z.B. #FF5733. Die ersten zwei Stellen repräsentieren Rot, die mittleren Grün und die letzten Blau. HEX wird vor allem in CSS und Webdesign verwendet.

RGB (Red, Green, Blue) mischt Farben aus Rot-, Grün- und Blauanteilen (je 0–255). HSL (Hue, Saturation, Lightness) beschreibt Farben über Farbton (0–360°), Sättigung und Helligkeit (je 0–100%). HSL ist intuitiver, wenn man Farbtöne anpassen möchte.

Laut WCAG (Web Content Accessibility Guidelines) sollte der Kontrast zwischen Text und Hintergrund mindestens 4,5:1 für normalen Text und 3:1 für großen Text betragen. Ein Wert von 7:1 oder höher gilt als ausgezeichnet.

Unser Farbkonverter unterstützt die drei wichtigsten Web-Farbformate: HEX (#RRGGBB), RGB (rgb(R, G, B)) und HSL (hsl(H, S%, L%)). Sie können in jedem Feld einen Wert eingeben und die anderen Formate werden sofort berechnet.

Die Farbpalette zeigt automatisch 9 Abstufungen Ihrer gewählten Farbe – von sehr hell bis sehr dunkel. Klicken Sie auf eine Abstufung, um deren Farbwert zu übernehmen. So finden Sie schnell passende Schattierungen für Ihr Design.

Ja, klicken Sie auf die große Farbvorschau, um den nativen Farbwähler Ihres Browsers zu öffnen. Alternativ können Sie Farbwerte direkt in die HEX-, RGB- oder HSL-Felder eingeben.

WCAG steht für Web Content Accessibility Guidelines – Richtlinien für barrierefreie Webinhalte. Sie definieren Mindestkontrastverhältnisse, damit Texte auch für Menschen mit Sehbeeinträchtigungen lesbar sind. Stufe AA erfordert 4,5:1, Stufe AAA 7:1.

Klicken Sie auf das Kopier-Symbol neben dem gewünschten Farbfeld (HEX, RGB oder HSL). Der Wert wird in Ihre Zwischenablage kopiert und kann direkt in Ihren Code oder Ihr Designtool eingefügt werden.

Nein. Alle Berechnungen erfolgen lokal in Ihrem Browser. Es werden keine Farbdaten übertragen oder gespeichert.

In Chrome und Edge können Sie den nativen Farbwähler verwenden (Klick auf die Farbvorschau) – dieser bietet eine Pipettenfunktion, mit der Sie Farben direkt von Ihrem Bildschirm aufnehmen können.