Farbkonverter
Konvertieren Sie Farben zwischen HEX, RGB und HSL instantan. Visuelle Farbvorschau, WCAG-Kontrastprufer und generierte Palette. Die gesamte Verarbeitung lauft lokal in Ihrem Browser.
🔒 Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser.
So verwenden Sie diesen Farbkonverter
- Geben Sie eine Farbe in einem beliebigen Format ein — HEX, RGB oder HSL — und alle anderen Formate werden sofort aktualisiert.
- Verwenden Sie den Farbwahler unter der Vorschau, um visuell eine Farbe auszuwahlen.
- Die Kontrastvorschau zeigt, wie Ihre Farbe auf weissem und schwarzem Hintergrund aussieht, mit WCAG-Kontrastverhaltnissen.
- Klicken Sie auf eine beliebige Farbprobe in der generierten Palette, um diese Farbe als Basis zu verwenden.
- Kopieren Sie jedes Format mit einem Klick.
Uber Farbformate
HEX, RGB und HSL sind drei verschiedene Arten, dieselbe Farbe darzustellen. HEX-Codes sind kompakt und werden haufig in CSS und HTML verwendet. RGB nennt explizit die Rot-, Gruen- und Blau-Kanale. HSL ist das intuitivste — Sie konnen leicht erraten, dass das Erhohen der Helligkeit eine Farbe heller macht.
Das WCAG-Kontrastverhaltnis ist entscheidend fur die Web-Barrierefreiheit. Text muss vor seinem Hintergrund lesbar sein — niedriger Kontrast ist ein haufiger Barrierefreiheitsfehler. Dieses Tool berechnet das Kontrastverhaltnis sowohl gegenweiss als auch schwarz.
Der Palettengenerator erzeugt komplementare Farben (gegenuber auf dem Farbkreis), analoge Farben (benachbart) und Helligkeits-/Sattigungsvariationen — fur eine vollstandige Palette aus einer einzigen Basisfarbe.
Häufig gestellte Fragen
Was ist ein HEX-Farbcode? ▼
Ein HEX-Farbcode ist eine hexadezimale Darstellung von RGB-Farben in Webdesign. Er beginnt mit # gefolgt von 6 Zeichen (oder 3 als Kurzform), wie #3B82F6. Jedes Paar stellt die Intensitat von Rot, Gruen und Blau dar. HEX-Codes sind die haufigste Methode zur Farbangabe in CSS und HTML.
Was ist RGB-Farbe? ▼
RGB (Rot, Gruen, Blau) ist ein additives Farbmodell, bei dem jede Farbe durch die Intensitat von rotem, gruenem und blauem Licht definiert wird. Die Werte reichen von 0 (keine) bis 255 (volle Intensitat). rgb(59, 130, 246) reprasentiert dasselbe Blau wie #3B82F6.
Was ist HSL-Farbe? ▼
HSL (Farbton, Sattigung, Helligkeit) ist ein intuitiveres Farbmodell. Farbton ist der Winkel auf dem Farbkreis (0-360 Grad), Sattigung ist die Farbintensitat (0-100%), und Helligkeit ist die Helligkeit (0-100%). HSL macht es einfach, Farbtinte, -schattierungen und -tone zu finden.
Was ist das WCAG-Kontrastverhaltnis? ▼
Das WCAG-Kontrastverhaltnis misst, wie unterscheidbar Text von seinem Hintergrund ist, von 1:1 bis 21:1. WCAG 2.1 требует минимум 4.5:1 для обычного текста. Dieses Tool zeigt das Kontrastverhaltnis sowohl gegenweiss als auch schwarz.
Wie funktioniert der Palettengenerator? ▼
Die Palette erzeugt Farbvariationen basierend auf der ausgewahlten Farbe: hellere und dunklere Varianten, saturiertere und entsaturiertere Varianten, komplementare und analoge Farben. Klicken Sie auf eine Farbprobe, um sie zu verwenden.
Werden meine Farbdaten an einen Server gesendet? ▼
Nein. Alle Farbkonvertierungen, Kontrastberechnungen und Palettengenerierungen finden instantan in Ihrem Browser statt. Keine Daten werden hochgeladen oder ubertragen.
Was ist der Unterschied zwischen HEX und RGB? ▼
Beide reprasentieren dieselbe Farbe in verschiedenen Formaten. HEX verwendet Basis-16-Notation. RGB verwendet Dezimalzahlen (0-255) fur jeden Kanal. #FF5500 ist dasselbe wie rgb(255, 85, 0).