Farbkonverter

Konvertieren Sie Farben sofort zwischen verschiedenen CSS-Farbformaten mit Live-Vorschau. Perfekt für Designer und Entwickler, die mit Webfarben arbeiten.

Unterstützte Formate

HEX (Hexadezimal)

Das häufigste Farbformat im Webdesign. Verwendet 6 hexadezimale Ziffern zur Darstellung von RGB-Werten.

• Format: #RRGGBB (z.B. #3B82F6)
• Anwendungsfall: CSS, HTML, Design-Tools

RGB (Rot, Grün, Blau)

Definiert Farben mit Rot-, Grün- und Blauwerten von 0-255.

• Format: rgb(r, g, b) (z.B. rgb(59, 130, 246))
• Anwendungsfall: CSS, JavaScript, Bildverarbeitung

HSL (Farbton, Sättigung, Helligkeit)

Ein intuitiveres Farbmodell für Menschen. Erleichtert die Anpassung von Farben durch Ändern von Sättigung oder Helligkeit.

• Format: hsl(h, s%, l%) (z.B. hsl(217, 91%, 60%))
• Anwendungsfall: CSS, Farbvariationen, Theming

OKLCH (Oklab Helligkeit Chroma Farbton)

Ein moderner, wahrnehmungsuniformer Farbraum. Bietet bessere Farbkonsistenz und vorhersehbarere Ergebnisse.

• Format: oklch(l c h) (z.B. oklch(0.62 0.19 254))
• Anwendungsfall: Modernes CSS, barrierefreie Farbpaletten, Farbinterpolation

Funktionen

• Live-Konvertierung: Geben Sie ein beliebiges Format ein und sehen Sie die sofortige Konvertierung in alle anderen Formate
• Visuelle Vorschau: Großes Farbmuster zur Anzeige der tatsächlichen Farbe
• In Zwischenablage kopieren: Schnelle Kopierschaltflächen für jedes Format
• Vordefinierte Farben: Häufige Farben zur schnellen Auswahl
• Zufallsgenerator: Generieren Sie zufällige Farben zur Inspiration

Warum verschiedene Formate verwenden?

• HEX: Am besten für traditionelles CSS und zum Teilen von Farben mit Designern
• RGB: Unverzichtbar für JavaScript-Manipulation und Canvas-Operationen
• HSL: Perfekt, wenn Sie Farbvariationen erstellen müssen (heller/dunkler)
• OKLCH: Ideal für moderne, barrierefreie Farbsysteme mit konsistenter wahrgenommener Helligkeit

OKLCH Vorteile

OKLCH ist ein neuerer Farbraum, der viele Probleme mit traditionellen RGB-basierten Farben löst:

• Wahrnehmungsuniformität: Gleiche numerische Änderungen führen zu gleichen wahrgenommenen Farbunterschieden
• Besseres Farbmischen: Interpolation zwischen Farben sieht natürlicher aus
• Breiterer Farbraum: Zugang zu lebendigeren Farben auf modernen Displays
• Barrierefreiheit: Einfacher, konsistente Kontrastverhältnisse beizubehalten

Die Browser-Unterstützung für OKLCH wächst. Prüfen Sie caniuse.com für aktuelle Kompatibilität.