Zum Hauptinhalt springen
Tooletto

Farbwähler und -konverter

Wählen Sie eine Farbe und konvertieren Sie sie zwischen HEX, RGB, HSL, HSV und CMYK, generieren Sie passende Paletten, und prüfen Sie den Textkontrast gegen WCAG-Barrierefreiheitsschwellen.

  • Dateien verlassen niemals Ihr Gerät
  • Kostenlos, keine Anmeldung
  • Keine Wasserzeichen
  • Funktioniert nach dem Laden auch offline
Loading tool…

So verwenden Sie Farbwähler und -konverter

  1. 1

    Eine Farbe wählen

    Nutzen Sie die Farbfläche, oder tippen Sie direkt einen HEX- oder RGB-Wert.

  2. 2

    Jedes Format kopieren

    HEX, RGB, HSL, HSV und CMYK werden alle gleichzeitig angezeigt.

  3. 3

    Kontrast prüfen

    Legen Sie einen Hintergrund fest, um zu sehen, ob der Text WCAG AA und AAA besteht.

Warum dieselbe Farbe so viele unterschiedliche Notationen braucht

HEX und RGB beschreiben buchstäblich denselben zugrunde liegenden Wert — wie viel rotes, grünes und blaues Licht zu mischen — in zwei unterschiedlichen Notationen für zwei unterschiedliche Zwecke: HEX packt alle drei Kanäle in eine einzige kompakte sechsstellige Zeichenkette, praktisch zum Einfügen als CSS-Wert oder zum Speichern in einer Datenbankspalte, während RGB die drei Zahlen separat ausbuchstabiert, was praktischer ist, wenn ein Programm jeden Kanal unabhängig lesen oder manipulieren muss. HSL formuliert dieselbe Farbe in einem völlig anderen Koordinatensystem um, gebaut um die Art, wie Menschen wirklich über Farbe denken — Farbton (welche Farbe), Sättigung (wie lebendig), Helligkeit (wie nah an weiß oder schwarz) — speziell weil „mach es etwas heller" oder „mach es matter" in HSL Ein-Zahl-Anpassungen sind und in RGB das gleichzeitige Neuberechnen aller drei Kanäle erfordern würden, um denselben visuellen Effekt zu erzielen.

Warum CMYK als wirklich anderes Farbmodell existiert, nicht nur eine andere Notation

RGB, HSL und HSV sind alle unterschiedliche Wege, additives Licht zu beschreiben — Farben, erzeugt durch direktes Ausstrahlen von rotem, grünem und blauem Licht, was bei jedem Bildschirm der Fall ist. CMYK beschreibt subtraktive Farbe — Cyan-, Magenta-, Gelb- und Schwarz-Tinte, die bestimmte Lichtwellenlängen absorbiert, die vom Papier reflektiert werden, was ein physisch anderer Prozess mit einer kleineren erreichbaren Farbpalette ist, als ein Bildschirm produzieren kann. Deshalb hat eine leuchtende, gesättigte RGB-Farbe, besonders bestimmte lebendige Blau- und Grüntöne, häufig überhaupt kein exaktes CMYK-Äquivalent — die Farbe fällt einfach außerhalb dessen, was Tinte auf Papier physisch reproduzieren kann, und die gezeigte Konvertierung ist die nächstgelegene verfügbare Näherung mit Standardarithmetik statt einer professionell farbverwalteten Übereinstimmung. Echte Druckpräzision für einen wichtigen Auftrag braucht ein auf das spezifische Papier und die Druckmaschine kalibriertes ICC-Farbprofil, was ein separater und aufwendigerer Prozess ist, als ihn eine arithmetische Konvertierung für allgemeine Zwecke bieten kann.

Warum ein Kontrastverhältnis dem widersprechen kann, was Ihre Augen sagen

Das WCAG-Kontrastverhältnis wird rein aus der relativen Leuchtdichte jeder Farbe berechnet — einem wahrgenommenen Helligkeitsmaß, abgeleitet aus den RGB-Kanälen mit einer Formel, die Grün stärker gewichtet, da das menschliche Auge für diese Wellenlänge empfindlicher ist — statt daraus, wie visuell unterschiedlich oder lebendig die beiden Farben nebeneinander wirken. Das erzeugt einen bestimmten, kontraintuitiven Fehlermodus: Zwei gesättigte, klar unterschiedliche Farben ähnlicher Gesamthelligkeit, wie leuchtend oranger Text auf leuchtend rotem Hintergrund, können trotz für typisches Sehen offensichtlich unterscheidbarem Aussehen fast keinen Leuchtdichte-Kontrast zwischen sich tragen, und die Paarung wird für jeden mit Sehschwäche, Farbsehschwäche, oder einfach einem Handybildschirm in direktem Sonnenlicht wirklich schwer oder unmöglich zu lesen. Das Verhältnis misst genau die Kontrastdimension, die für diese Leser zählt, selbst wenn es vom ersten Eindruck eines unbeeinträchtigten Auges auf die Paarung abweicht.

Häufig gestellte Fragen

Was ist der Unterschied zwischen HEX, RGB und HSL?

HEX und RGB beschreiben dasselbe in unterschiedlicher Notation — wie viel Rot, Grün und Blau zu mischen. HSL formuliert es als Farbton, Sättigung und Helligkeit um, was viel einfacher zu durchdenken ist: Um eine Farbe aufzuhellen, ändern Sie eine Zahl statt drei zu erraten.

Was bedeutet das Kontrastverhältnis?

Es vergleicht die relative Leuchtdichte zweier Farben auf einer Skala von 1 (identisch) bis 21 (schwarz auf weiß). WCAG verlangt mindestens 4,5:1 für normalen Text und 3:1 für großen Text auf AA-Niveau, steigend auf 7:1 und 4,5:1 bei AAA.

Warum scheitert meine Farbe am Kontrast, obwohl sie mir gut aussieht?

Weil das Verhältnis aus der relativen Leuchtdichte berechnet wird, nicht daraus, wie unterschiedlich zwei Farben aussehen. Zwei lebendige Farben ähnlicher Helligkeit — Orange auf Rot, sagen wir — sehen unterschiedlich aus, tragen aber fast keinen Leuchtdichte-Kontrast, und werden für jeden mit Sehschwäche oder auf einem Bildschirm in der Sonne unlesbar.

Ist die CMYK-Konvertierung für den Druck präzise?

Es ist die arithmetische Standardkonvertierung, ein Ausgangspunkt statt eines farbverwalteten Ergebnisses. Echte Druckarbeit braucht ein ICC-Profil für die spezifische Druckmaschine und das Papier, weil CMYK viele leuchtende RGB-Farben überhaupt nicht reproduzieren kann.

Häufige Aufgaben für Farbwähler und -konverter