Farbwähler & -konverter

• Sofortige Echtzeit-Konvertierung: Jedes Format aktualisiert sich, sobald Sie einen Wert ändern - wählen Sie eine Farbe auf der Leinwand, ziehen Sie den Farbtonregler oder geben Sie direkt in ein beliebiges HEX-, RGB-, HSL-, HSV-, CMYK-, HWB- oder LAB-Feld ein. Kein Knopf zu drücken.
• Sieben Farbformate inklusive CIE LAB: Der Farbkonverter unterstützt HEX, RGB, HSL, HSV, CMYK, HWB und CIE LAB - den wahrnehmungsmäßig gleichförmigen Farbraum, der in Druck, Fotografie und Farbwissenschaft verwendet wird. Alle Formate sind editierbar und kopierbar.
• Visueller Wähler + WCAG-Kontrastprüfer: Die Sättigungs-Helligkeits-Leinwand und der Farbtonregler geben präzise visuelle Kontrolle. Der integrierte WCAG-Kontrastprüfer zeigt den AA- und AAA-Bestanden/Nicht-bestanden-Status Ihrer Farbe vor weißem und schwarzem Hintergrund.
• 100 % privat - kein Upload: Alle Farbkonvertierungen erfolgen lokal in Ihrem Browser. Es werden niemals Farbdaten an einen Server gesendet, gespeichert oder protokolliert. Der Farbkonverter funktioniert nach dem Laden der Seite vollständig offline.

• Web- & UI-Entwicklung: Konvertieren Sie Design-Token zwischen HEX und HSL für CSS-Custom-Properties oder erhalten Sie die exakten RGB-Werte für Canvas- und WebGL-Arbeit. Der Konverter gibt Ihnen alle Formate, die ein Webentwickler braucht, an einem Ort.
• Designsysteme & Markenfarben: Stellen Sie sicher, dass Ihre Markenfarben über HEX- (Web), CMYK- (Druck) und LAB-Darstellungen (wahrnehmungsmäßig) konsistent sind. Nutzen Sie den Konverter, um Farbtreue über jedes Medium hinweg zu wahren.
• Druck- & Prepress-Design: Konvertieren Sie Bildschirmfarben in CMYK für die Druckproduktion oder verwenden Sie CIE-LAB-Werte für geräteunabhängige Farbspezifikation. Der Konverter handhabt die sRGB-zu-CMYK- und sRGB-zu-LAB-Konvertierungen präzise.
• Barrierefreiheit & WCAG-Konformität: Prüfen Sie das Kontrastverhältnis Ihrer Vordergrundfarbe sofort vor weißem und schwarzem Hintergrund. Der integrierte WCAG-Prüfer zeigt den AA- und AAA-Status, damit Sie barrierefreie Farben wählen können, ohne das Werkzeug zu verlassen.
• Fotografie & Farbkorrektur: Verwenden Sie HSV-Werte, um Farbton, Sättigung und Helligkeit von Farben in Fotobearbeitungs-Workflows abzugleichen. Die LAB-Ausgabe des Konverters ist nützlich für wahrnehmungsmäßigen Farbabgleich unter verschiedenen Lichtverhältnissen.
• Digitale Kunst & Illustration: Wählen Sie Farben auf der visuellen Leinwand und erhalten Sie ihre exakten Werte in jedem Format für die Verwendung in Figma, Sketch, Procreate oder jedem anderen Designwerkzeug. Die Voreinstellungs-Farbfelder bieten schnellen Zugriff auf gängige Designfarben.

Ein Farbwähler und -konverter ermöglicht es Ihnen, jede Farbe visuell auszuwählen und sofort ihre äquivalenten Werte in allen wichtigen Farbformaten zu sehen. Verschiedene Werkzeuge und Workflows verwenden unterschiedliche Farbdarstellungen - Webentwickler verwenden HEX und RGB , Designer verwenden HSL und HSV , Druckprofis verwenden CMYK , und Farbwissenschaftler verwenden CIE LAB . Dieser Farbkonverter handhabt alle sieben Formate mit präziser, bidirektionaler Konvertierung - ändern Sie einen Wert und alle anderen aktualisieren sich sofort.

Die Konvertierung erfolgt in drei Schritten, vollständig in Ihrem Browser:

1. Farbe wählen oder eingeben: Nutzen Sie die Sättigungs-Helligkeits-Leinwand und den Farbtonregler zur visuellen Auswahl, klicken Sie auf den nativen Browser-Farbwähler, geben Sie einen HEX-Code ein oder tragen Sie Werte direkt in ein beliebiges Formatfeld ein (RGB, HSL, HSV, CMYK, HWB oder LAB).
2. Sofortige Konvertierung im Browser: Alle Werte werden über eine gemeinsame RGB-Zwischendarstellung mit präziser Farbmathematik konvertiert (sRGB zu XYZ zu LAB für wahrnehmungsmäßige Formate). Ihre Farbdaten verlassen niemals Ihren Browser.
3. Beliebiges Format kopieren: Klicken Sie auf das Kopiersymbol neben einer beliebigen Formatzeile, um diesen Wert zu kopieren, oder klicken Sie auf „Alles kopieren“, um alle Formate auf einmal zu kopieren. Die CSS-Variablen-Ausgabe ist bereit, direkt in Ihr Stylesheet eingefügt zu werden.

• HEX: sechsstellige Hexadezimalnotation (#RRGGBB) - der Standard für HTML, CSS und die meisten Designwerkzeuge.
• RGB: Rot-, Grün-, Blau-Kanäle (0-255) - verwendet in CSS, Canvas, WebGL und Bildverarbeitung.
• HSL: Farbton, Sättigung, Helligkeit - intuitiver für Designer; native CSS-Farbfunktion seit CSS Color Level 4.
• HSV: Farbton, Sättigung, Wert - verwendet in Photoshop, Figma und den meisten professionellen Farbwählern.
• CMYK: Cyan, Magenta, Gelb, Key (Schwarz) - der Standard für Druckproduktion und Prepress-Workflows.
• HWB: Farbton, Weißanteil, Schwarzanteil - eine neuere CSS-Farbfunktion (CSS Color Level 4), die intuitiver als HSL zum Mischen mit Weiß/Schwarz ist.
• CIE LAB: wahrnehmungsmäßig gleichförmiger Farbraum (L* = Helligkeit, a* = Grün-Rot-Achse, b* = Blau-Gelb-Achse) - verwendet in Farbwissenschaft, ICC-Profilen und geräteunabhängigem Farbabgleich.

Der WCAG-Kontrastprüfer berechnet die relative Luminanz Ihrer Farbe und ermittelt ihr Kontrastverhältnis gegen reines Weiß (#FFFFFF) und reines Schwarz (#000000). Ein Verhältnis von 4,5:1 erfüllt WCAG 2.1 AA für normalen Text, 3:1 erfüllt AA für großen Text und UI-Komponenten, und 7:1 erfüllt AAA für normalen Text. Nutzen Sie ihn, um sicherzustellen, dass Ihre Textfarben für sehbehinderte Nutzer zugänglich sind.