Farbwähler und Farbumrechner

Wählen Sie eine Farbe aus oder geben Sie sie als HEX, RGB, HSL oder mit ihrem englischen Namen ein und erhalten Sie sofort alle Formate zum Kopieren, samt Kontrast auf Weiß und Schwarz. Alles in Ihrem Browser.

🔒 Was du eingibst, verlässt dein Gerät nicht. Alles wird in deinem Browser berechnet.

Formate

HEX
RGB
HSL
CMYK

Textkontrast (WCAG)

Weißer Text auf dieser Farbe
Schwarzer Text auf dieser Farbe

So rechnen Sie eine Farbe um

  1. Tippen Sie auf das Farbfeld, um eine Farbe auszuwählen, oder geben Sie sie im Textfeld ein.
  2. Sie können sie als HEX (#1e90ff), als rgb(), als hsl() oder mit ihrem englischen Namen eingeben.
  3. Sehen Sie die Farbe in der Vorschau samt ihren Entsprechungen in HEX, RGB, HSL und CMYK.
  4. Kopieren Sie das benötigte Format und prüfen Sie den Kontrast mit weißem oder schwarzem Text.

Wofür es gut ist

Designer und Entwickler wandeln häufig eine Farbe von einem Format in ein anderes um: den HEX-Wert aus einer Palette, das rgb() aus einem Stylesheet, das HSL, um hellere oder dunklere Varianten zu erstellen. Dieses Tool erledigt das in einem Schritt.

Es berechnet auch den Kontrast der Farbe zu weißem und zu schwarzem Text nach den WCAG-Richtlinien für Barrierefreiheit: 4,5 zu 1 für Stufe AA und 7 zu 1 für Stufe AAA bei normalem Text.

CMYK ist eine einfache Umrechnung und als Anhaltspunkt nützlich; für den professionellen Druck sollten Sie das Farbprofil Ihres Designprogramms verwenden.

Wichtige Hinweise

Häufige Fragen

Wie wandle ich HEX in RGB um?

Geben Sie den HEX-Wert ein (zum Beispiel #1e90ff), und das Tool zeigt sofort das entsprechende rgb() sowie HSL und CMYK an.

Was ist der WCAG-Kontrast?

Er misst, wie gut lesbar ein Text auf einem Hintergrund ist. Ein Verhältnis von 4,5 zu 1 erfüllt Stufe AA und 7 zu 1 Stufe AAA, jeweils für normalen Text.

Werden Farben mit Transparenz akzeptiert?

Ja: Sie können #rrggbbaa, rgba() oder hsla() eingeben, und sie werden auch mit ihrer Transparenz angezeigt.

Wird etwas an einen Server gesendet?

Nein. Alles wird in Ihrem Browser berechnet.

Ist es kostenlos?

Ja, es ist kostenlos, erfordert keine Registrierung und funktioniert direkt im Browser.