Graustufenkonverter
Konvertieren Sie jede Farbe mithilfe der Standard-Luminanzformel ITU-R BT.601 (0,299R + 0,587G + 0,114B) in ihr Graustufenäquivalent. Geben Sie eine beliebige HEX-Farbe ein, um Original und Graustufen nebeneinander anzuzeigen, mit sofortiger Vorschau, genauen Luminanzwerten und Kopieren mit einem Klick für alle Ausgabeformate. Völlig privat, 100 % kostenlos und keine Anmeldung erforderlich.
Sample Colors
Formats: #RGB #RRGGBB
Original vs Grayscale
Original
Grayscale
Formula: ITU-R BT.601 Luminance (0.299R + 0.587G + 0.114B)
Grayscale Values
Warum unseren Graustufenkonverter verwenden?
- Sofortige Graustufenkonvertierung: Der Graustufenkonverter wendet die standardmäßige ITU-R BT.601-Luminanzformel in Echtzeit auf jede Farbe an. Während Sie eine Farbe eingeben oder auswählen, werden sowohl die Original- als auch die Graustufenvorschau sofort aktualisiert, ohne dass Sie eine Taste drücken müssen – so erhalten Sie sofortiges visuelles Feedback zum Luminanzergebnis.
- Direkter Farbvergleich: Sehen Sie die Originalfarbe und ihr Graustufenäquivalent nebeneinander in großen Vorschaufeldern. Der Graustufenkonverter zeigt außerdem den genauen Luminanzwert, den Prozentsatz und eine visuelle Luminanzskala an, damit Sie genau verstehen können, wie die Konvertierung funktioniert.
- 100 % privat – kein Upload erforderlich: Die gesamte Graustufenkonvertierung erfolgt lokal in Ihrem Browser ohne Serverkommunikation. Ihre Farbwerte verlassen nie Ihr Gerät, wodurch der Graustufenkonverter sicher für vertrauliche Designprojekte, Markenspezifikationen und proprietäre Farbpaletten ist.
- Kostenlose und unbegrenzte Konvertierungen: Konvertieren Sie unbegrenzte Farben in Graustufen, ohne Anmeldung, ohne Abonnement und ohne Nutzungsbeschränkungen. Der Grayscale Converter ist für immer völlig kostenlos, ohne dass Werbung die Benutzeroberfläche blockiert. Verwenden Sie es so oft, wie Sie es für ein Projekt benötigen.
Häufige Anwendungsfälle für den Graustufenkonverter
- Druckdesign und Graustufenprüfung: Druckdesigner verwenden den Graustufenkonverter, um eine Vorschau davon anzuzeigen, wie Farbdesigns aussehen, wenn sie in Schwarzweiß oder Graustufen gedruckt werden. Dies ist wichtig für Zeitungsanzeigen, den Broschürendruck und alle Projekte, bei denen Farbdruck nicht verfügbar oder zu teuer ist.
- Tests auf Barrierefreiheit und Farbenblindheit: Barrierefreiheitsspezialisten verwenden den Grayscale Converter, um zu simulieren, wie farbabhängige Benutzeroberflächen für Benutzer mit Farbsehbehinderungen aussehen. Durch die Konvertierung von UI-Farbschemata in Graustufen können Sie sicherstellen, dass Informationen nicht allein durch Farbe übermittelt werden.
- Farbvalidierung des Designsystems: Betreuer von Designsystemen verwenden den Graustufenkonverter, um zu validieren, dass Farbtokens einen ausreichenden Luminanzkontrast für die Lesbarkeit aufweisen. Die Konvertierung von Markenfarben in Graustufen zeigt, ob Text- und Hintergrundkombinationen in barrierefreien Szenarien funktionieren.
- Fotografie und Bildbearbeitung: Fotografen und Bildbearbeiter nutzen den Graustufenkonverter, um zu verstehen, wie unterschiedliche Farben in Graustufentöne umgewandelt werden. Dieses Wissen hilft bei der Konvertierung von Bildern in Schwarzweiß und stellt sicher, dass wichtige Motive einen guten Kontrast zum Hintergrund beibehalten.
- Mobile UI- und Dark-Mode-Design: Mobile UI-Designer verwenden den Grayscale Converter beim Entwerfen von Dark-Mode-Schnittstellen oder Barrierefreiheitsthemen. Durch das Konvertieren von Akzentfarben in Graustufen können Sie überprüfen, ob UI-Elemente in monochromen oder sehbehinderten Anzeigemodi einen ausreichenden Kontrast beibehalten.
- Entwicklung von CSS-Filtern und -Effekten: Webentwickler verwenden den Grayscale Converter, um die genaue Ausgabe von CSS-Graustufenfiltern zu verstehen, bevor sie sie auf Live-Websites anwenden. Das Tool zeigt die genauen RGB- und HEX-Werte an, die von der Luminanzformel erzeugt werden, passend zur Funktionsweise von CSS-Filtern in Browsern.
Was ist Graustufenkonvertierung?
Durch die Graustufenkonvertierung wird ein Farbbild oder ein einzelner Farbwert in Graustufen von Schwarz bis Weiß umgewandelt. Im Gegensatz zur einfachen Entsättigung einer Farbe (wobei alle Kanäle gleich behandelt werden) verwendet die richtige Graustufenkonvertierung eine Luminanzformel, die die menschliche Wahrnehmung berücksichtigt – unsere Augen reagieren am empfindlichsten auf grünes Licht, weniger empfindlich auf Rot und am wenigsten empfindlich auf Blau. Unser Graustufenkonverter verwendet die branchenübliche ITU-R BT.601-Formel für genaue Wahrnehmungsergebnisse.
So funktioniert unser Graustufenkonverter
- Geben Sie Ihre Farbe ein: Geben oder fügen Sie einen HEX-Farbwert ein (z. B. #FF6B6B) oder verwenden Sie den nativen Farbwähler, um eine beliebige Farbe visuell auszuwählen. Der Graustufenkonverter unterstützt der Einfachheit halber auch das dreistellige HEX-Format (#RGB). Die gesamte Verarbeitung läuft lokal in Ihrem Browser.
- Leuchtdichteberechnung: Der Konverter wendet die ITU-R BT.601-Formel an: L = 0,299 × R + 0,587 × G + 0,114 × B. Diese gewichtete Formel liefert das wahrnehmungsgetreueste Graustufenergebnis, da sie berücksichtigt, wie das menschliche Auge unterschiedliche Farbwellenlängen wahrnimmt.
- Vergleichen und kopieren: Die Originalfarbe und ihr Graustufenäquivalent werden nebeneinander mit großen Vorschaufeldern angezeigt. Der genaue Luminanzwert (0–255), der Prozentsatz (0–100 %) und die Graustufen-HEX/RGB/HSL-Werte werden alle mit Ein-Klick-Kopierschaltflächen für jedes Format angezeigt.
Die Luminanzformel erklärt
- Warum gewichtet? Im menschlichen Auge sind etwa 65 % der Zapfenzellen (Photorezeptoren) empfindlich gegenüber grünem Licht, 33 % gegenüber rotem und nur 2 % gegenüber blauem Licht. Die Leuchtdichteformel spiegelt diese Biologie wider, indem sie Grün (0,587) das größte Gewicht gibt, gefolgt von Rot (0,299) und Blau (0,114).
- BT.601-Standard: Die ITU-R BT.601-Luminanzformel ist der internationale Standard für die Graustufenkonvertierung bei Fernsehübertragungen, Videokomprimierung und Bildverarbeitung. Es ist auch die Formel, die vom CSS-Filter: greyscale() und den meisten Bildbearbeitungsprogrammen verwendet wird.
- Einfacher Durchschnitt vs. Luminanz: Ein einfacher Durchschnitt von R, G und B ((R+G+B)/3) würde allen Kanälen das gleiche Gewicht verleihen und eine stumpfere, weniger genaue Grauskala erzeugen. Die Luminanzformel bewahrt die wahrgenommene Helligkeit der Originalfarbe viel originalgetreuer.
- Luminanzbereich: Der Luminanzwert reicht von 0 (reines Schwarz) bis 255 (reines Weiß). Ein Luminanzprozentsatz zeigt an, wo die Farbe auf dieser Skala liegt, wobei 0 % für Schwarz und 100 % für Weiß steht. Farben mit hoher Sättigung und mittlerer Helligkeit führen oft zu überraschenden Graustufenergebnissen.
Datenschutz, Sicherheit und Verfügbarkeit
100 % browserbasierte Verarbeitung: Unser Graustufenkonverter verarbeitet alle Farbkonvertierungen vollständig in Ihrem Browser mithilfe von JavaScript. Ihre Farbwerte werden niemals hochgeladen, gespeichert oder an einen Server übertragen. Dies gewährleistet absolute Privatsphäre für vertrauliche Designprojekte und Markenfarbspezifikationen.
Immer verfügbar: Da der Konverter komplett clientseitig arbeitet, funktioniert er auch ohne Internetverbindung nach dem Laden der Seite weiter. Es gibt keine Serverabhängigkeiten, keine Ratenbegrenzungen und keine API-Aufrufe. Verwenden Sie es überall und jederzeit für alle Ihre Graustufenkonvertierungsanforderungen.
Häufig gestellte Fragen
Ein Graustufenkonverter wandelt jede Farbe mithilfe einer Standard-Luminanzformel in ihr Graustufenäquivalent um. Anstatt einfach die RGB-Kanäle zu mitteln, verwendet unser Graustufenkonverter die gewichtete Luminanzformel ITU-R BT.601 (0,299R + 0,587G + 0,114B), die die menschliche Farbwahrnehmung berücksichtigt. Das Ergebnis wird zum einfachen Vergleich neben der Originalfarbe angezeigt.
Die verwendete Formel lautet L = 0,299 × R + 0,587 × G + 0,114 × B, wobei R, G und B die Rot-, Grün- und Blaukanalwerte (0–255) sind. Dabei handelt es sich um den ITU-R BT.601-Standard, der in den Bereichen Rundfunk, Videoverarbeitung und CSS-Filter weit verbreitet ist. Die Formel gewichtet Grün am stärksten, da das menschliche Auge am empfindlichsten auf grünes Licht reagiert, gefolgt von Rot und Blau.
Ein einfacher Durchschnitt der RGB-Kanäle würde alle Farben gleich behandeln, das menschliche Auge nimmt jedoch nicht alle Farben mit der gleichen Helligkeit wahr. Grün erscheint bei gleichem Zahlenwert viel heller als Blau. Die gewichtete Luminanzformel erzeugt ein Graustufenergebnis, das der tatsächlichen Helligkeitswahrnehmung der Originalfarbe sehr nahe kommt und damit weitaus genauer ist als eine einfache Mittelung.
Ja. Die gesamte Konvertierung erfolgt vollständig in Ihrem Browser mithilfe von JavaScript. Ihre Farbwerte werden niemals an einen Server gesendet, niemals gespeichert und niemals irgendwohin übertragen. Der Grayscale Converter ist völlig privat und verarbeitet alles lokal auf Ihrem Gerät, sodass vertrauliche Markenfarbspezifikationen und proprietäre Designsysteme sicher geschützt sind.
Der Graustufenkonverter akzeptiert HEX-Farbwerte sowohl im 3-stelligen (#RGB) als auch im 6-stelligen (#RRGGBB) Format. Sie können den Wert mit oder ohne das Präfix # eingeben. Das Tool umfasst außerdem einen nativen Farbwähler zur visuellen Farbauswahl und voreingestellte Farbfelder zum schnellen Testen gängiger Farben.
Ja. Der Grayscale Converter ist 100 % kostenlos, es ist keine Anmeldung erforderlich, es gibt keine Premium-Funktionen und keine Nutzungsbeschränkungen. Konvertieren Sie unbegrenzt viele Farben in Graustufen, ohne Einschränkungen oder versteckte Kosten. Es gibt keine Werbung, die die Benutzeroberfläche blockiert, und das Tool funktioniert vollständig in Ihrem Browser.
Die Funktion CSS-Filter: Graustufen (100 %) verwendet dieselbe luminanzgewichtete Formel, um Elemente im Browser in Graustufen umzuwandeln. Unser Graustufenkonverter zeigt Ihnen die genaue mathematische Ausgabe dieser Transformation für eine bestimmte Farbe und eignet sich so für die Vorschau, wie sich CSS-Filter auf bestimmte Designelemente auswirken, bevor Sie sie anwenden.
Die Entsättigung wandelt eine Farbe in Graustufen um, indem alle RGB-Kanäle gleichermaßen gemittelt werden (R+G+B)/3, was zu einem flachen Ergebnis führt. Luminanzbasierte Graustufen, die unser Graustufenkonverter verwendet, wenden gewichtete Werte an, die auf der menschlichen Wahrnehmung basieren. Der Unterschied macht sich am deutlichsten bei blauen und grünen Farben bemerkbar – ein reines Blau (#0000FF) entsättigt sich zu einem mittleren Grau (85), aber mit der Luminanzgewichtung wird es viel dunkler (29), was die wahrgenommene Helligkeit genauer widerspiegelt.