Farbcode-Konverter
Konvertieren Sie zwischen RGB, HEX, HSL, HSV und CMYK mit Farbwähler und Kontrastprüfer
Farbwähler
Vorschau
Farbformate
Farbpalette
Kontrastprüfer
Beispieltext
Dies ist ein kleinerer Beispieltext für Lesbarkeitstests.
Über dieses Tool
Der Farbcode-Umrechner ist ein kostenloses Werkzeug fuer Designer und Entwickler, das zwischen RGB, HEX, HSL, HSV und CMYK umrechnet. Du waehlst eine Farbe intuitiv aus, erzeugst automatisch Paletten aus Komplementaer- und Analogfarben und pruefst das WCAG-Kontrastverhaeltnis zwischen Text und Hintergrund. Nuetzlich beim Gestalten von Websites und Apps, beim Verwalten von Markenfarben und beim Pruefen der Barrierefreiheit.
So wird es genutzt
- 1 Waehle eine Farbe mit dem Farbwaehler oder gib direkt einen HEX-Wert ein.
- 2 Die Werte fuer RGB, HSL, HSV und CMYK erscheinen gleichzeitig.
- 3 Sieh dir die automatisch erzeugte Palette aus Komplementaer- und Analogfarben an.
- 4 Pruefe mit dem Kontrastpruefer, ob der Text auf dem Hintergrund gut lesbar ist.
So funktioniert es
RGB mischt rotes, gruenes und blaues Licht von jeweils 0 bis 255 und ist die Grundlage der Bildschirmfarbe. HEX ist dasselbe RGB, geschrieben als zwei Hexadezimalziffern je Kanal, sodass #FF8800 Rot 255, Gruen 136 und Blau 0 bedeutet. HSL beschreibt Farbe ueber Farbton (0-360 Grad), Saettigung und Helligkeit, naeher an der menschlichen Wahrnehmung und leicht feinabzustimmen. HSV ersetzt die Helligkeit durch den Wert (Hellwert). CMYK nutzt Mengen von Cyan, Magenta, Gelb und Schwarz und ist fuer den Druck gedacht. Das Kontrastverhaeltnis ist das Verhaeltnis der relativen Leuchtdichte zweier Farben; WCAG empfiehlt mindestens 4,5:1 fuer normalen Text auf Stufe AA und 7:1 auf AAA.
Haeufige Fragen
Was ist der Unterschied zwischen HEX und RGB?
Sie tragen dieselbe Farbinformation. RGB nennt Rot, Gruen und Blau als Dezimalzahlen 0-255, HEX packt sie in je zwei Hexadezimalziffern. #FF0000 und rgb(255,0,0) sind dasselbe Rot.
Was bedeutet die WCAG-Kontraststufe AA?
Ein Lesbarkeitsstandard: Text in normaler Groesse braucht ein Kontrastverhaeltnis von mindestens 4,5:1 zum Hintergrund, grosser Text ist mit 3:1 zulaessig.
Wofuer ist HSL nuetzlich?
Man kann Saettigung oder Helligkeit aendern und den Farbton beibehalten, daher lassen sich Varianten desselben Tons und Hover-Abstufungen intuitiv erstellen.
Warum verschieben sich Farben zwischen CMYK und RGB?
RGB ist additive Lichtmischung, CMYK subtraktive Farbmischung mit unterschiedlichem Farbumfang. Auf dem Bildschirm leuchtende Farben koennen im Druck matter wirken.
Was sind Komplementaer- und Analogfarben?
Komplementaerfarben liegen gegenueber im Farbkreis und bieten starken Kontrast, Analogfarben sind benachbart und wirken harmonisch. Das Tool berechnet beide automatisch.
Verwandte Tools und Anwendungen
Um HEX besser zu verstehen, hilft der Zahlensystem-Umrechner. Fuer Designmasse siehe den Laengenumrechner und fuer das Weblayout die Umrechnungen von px, rem und em.