Farbcode-Umrechner
Eine Farbe als HEX, RGB, HSL, CMYK und OKLCH sehen, dazu Tonskala und Paletten.
Tool
Geben Sie eine einzelne Farbe ein, und dieses Werkzeug rechnet sie in alle gängigen Formate um: HEX, RGB, HSL, HSV, CMYK und OKLCH. Sie können einen HEX-Code (3, 4, 6 oder 8 Stellen), rgb()- oder hsl()-Werte oder CSS-Farbnamen wie rebeccapurple eintippen oder einen Ton mit der Farbauswahl wählen. Jede Ausgabezeile lässt sich mit einem Klick kopieren. Zusätzlich entsteht aus derselben Farbe eine Skala mit 11 Stufen von 50 bis 950.
Im Palettenbereich sehen Sie Komplementär-, Analog-, Triadische, Tetradische und Split-Komplementärfarben. Neben jeder Palettenfarbe stehen das Kontrastverhältnis zu weißem und schwarzem Text sowie eine AA-Markierung; WCAG AA verlangt für normalen Text mindestens 4,5:1. Das Ergebnis exportieren Sie als CSS-Variablen, Tailwind-colors-Objekt oder JSON. Mit ?renk= in der Seitenadresse teilen Sie die gewählte Farbe als Link.
Grenzen: Der CMYK-Wert ist eine Annäherung für den Bildschirm und enthält kein Druckprofil; prüfen Sie ihn bei Druckaufträgen mit dem Profil Ihrer Druckerei. Bildschirme stellen Farben unterschiedlich dar, daher lässt sich nicht garantieren, dass derselbe Code auf jedem Gerät gleich aussieht. Palettenvorschläge sind ein Ausgangspunkt, keine Markenentscheidung. Die Kontrastprüfung vergleicht nur Text- und Hintergrundfarbe; Schriftgröße und Strichstärke müssen Sie separat beurteilen.
Häufige Fragen
Welche Farbformate kann ich eingeben?
HEX mit 3, 4, 6 oder 8 Stellen, rgb() und rgba(), hsl() und hsla() sowie CSS-Farbnamen. Die Farbauswahl schreibt in dasselbe Feld.
Druckt der CMYK-Wert dieselbe Farbe?
Das lässt sich nicht garantieren. Der hier gezeigte CMYK-Wert ist eine Annäherung für den Bildschirm ohne Druckprofil. Testen Sie bei Druckarbeiten mit dem Profil Ihrer Druckerei.
Was bedeutet die AA-Markierung?
Sie sehen ein Bestanden-Zeichen, wenn das Kontrastverhältnis zwischen Farbe und weißem oder schwarzem Text den WCAG-AA-Schwellenwert von 4,5:1 erreicht. Für große Schrift gilt ein niedrigerer Wert, dieses Werkzeug prüft nur die Stufe 4,5:1.
Werden meine eingegebenen Farben irgendwohin gesendet?
Nein. Alle Umrechnungen laufen in Ihrem Browser. Die zuletzt genutzten bis zu 8 Farben bleiben nur im Browserspeicher dieses Geräts und erreichen keinen Server.
