# Graustufen-Konverter Farben in Graustufen umwandeln mit mehreren Konvertierungsmethoden und Intensitätssteuerung > Kanonische Seite: https://elysiatools.com/de/tools/color-grayscale-converter - **Kategorie:** Design - **Schlagwörter:** farbe, graustufen, schwarz, weiß, konverter, monochrom, entsättigung, grau, design ## Überblick Der Graustufen-Konverter wandelt Farben präzise in Graustufen um, mit wählbaren Konvertierungsmethoden wie Leuchtdichte oder Durchschnitt und einer steuerbaren Intensität. Ideal für Designaufgaben, die monochrome Farbwerte erfordern. ## Eingaben - **Grundfarbe** (color): #FF5733 - **Konvertierungsmethode** (select) - **Graustufen-Intensität (%)** (range) - **Einzelkanal-Auswahl** (select) - **Benutzerdefinierte RGB-Gewichte** (textarea): Enter custom weights as JSON format. Example: {"red": 30, "green": 59, "blue": 11} - **Originale Helligkeit beibehalten** (checkbox) - **Batch-Farben (Optional)** (text): Mehrere Farben durch Kommas getrennt eingeben (z.B.: #FF0000, #00FF00, #0000FF) - **Originalfarben einschließen** (checkbox) - **Seitenvergleich anzeigen** (checkbox) ## Wann verwenden - Wenn Sie Farben für monochrome Designs oder Schwarz-Weiß-Drucke vorbereiten müssen. - Zur Analyse der Helligkeitsverteilung von Farben für Barrierefreiheit oder Kontrastprüfungen. - Beim Batch-Umwandeln mehrerer Farben für konsistente Graustufen in Projekten. ## Funktionsweise - Geben Sie eine Grundfarbe im Hex-Format ein oder nutzen Sie die Batch-Farben-Eingabe für mehrere Farben. - Wählen Sie eine Konvertierungsmethode, z.B. Leuchtdichte für gewichtete Graustufen oder Durchschnitt für einfache Umrechnung. - Passen Sie die Intensität an, um den Graustufenanteil zu steuern, und konfigurieren Sie Optionen wie Helligkeitserhaltung. - Das Ergebnis wird als HTML-Vorschau mit Originalfarben und Vergleichsansicht angezeigt. ## Anwendungsfälle - Webdesign: Erstellen von monochromen Farbpaletten für minimalistische oder barrierefreie Websites. - Druckvorstufe: Vorbereiten von Farbbildern für Schwarz-Weiß-Drucke mit optimaler Grauabstufung. - UI/UX-Design: Testen von Farbkontrasten durch Umwandlung in Graustufen zur Verbesserung der Lesbarkeit. ## Häufig gestellte Fragen ### Welche Konvertierungsmethoden kann ich wählen? Verfügbare Methoden sind Durchschnitt, Leuchtdichte, Entsättigung, maximale/minimale Dekomposition, Einzelkanal und benutzerdefinierte Gewichte. ### Wie steuere ich die Intensität der Graustufen? Nutzen Sie den Intensitätsregler von 0% bis 100%. Bei 0% bleibt die Originalfarbe erhalten, bei 100% volle Graustufen. ### Kann ich mehrere Farben auf einmal umwandeln? Ja, geben Sie mehrere Farben kommagetrennt im Batch-Farben-Feld ein, um sie gleichzeitig zu konvertieren. ### Was bewirkt die Option 'Originale Helligkeit beibehalten'? Diese Option stellt sicher, dass die Helligkeit der Farbe während der Konvertierung unverändert bleibt, für konsistente visuelle Ergebnisse. ### Wie wird das Ausgabeformat bereitgestellt? Das Ergebnis wird als HTML mit einer Vorschau der Graustufenfarben angezeigt, optional mit Originalfarben und Seitenvergleich. ## Ähnliche Tools - [Color-Token-Kaskaden-Generator](https://elysiatools.com/de/tools/color-token-cascade-generator): Erzeugt aus einem Primaer-Hex eine komplette Token-Hierarchie mit CSS-Variablen und Style-Dictionary-JSON - [ECharts-Theme-Token-Extraktor](https://elysiatools.com/de/tools/echarts-theme-token-extractor): Extrahiert Design-Tokens — Farben, Zahlen, Schriftgrößen und Strings — aus einem ECharts-Theme-JSON und exportiert sie direkt in Ihr Design-System. Fügen Sie ein Theme-Objekt ein (das per echarts.init(dom, themeName) registriert wird) und das Werkzeug durchläuft jedes Leaf, taggt jede Farbe (optional Named/rgb → hex normalisiert), jeden Abstand, jede Schriftgröße und jeden String und gibt saubere CSS-Variablen, ein Tailwind theme.extend, ein Style Dictionary tokens.json oder SCSS-Variablen aus. Überbrückt die Lücke zwischen einem ECharts-Visualisierungs-Theme und Figma/CSS/Tailwind-Design-Tokens, ohne jeden Wert von Hand zu kopieren. - [Figma-Tokens-Exporteur](https://elysiatools.com/de/tools/figma-tokens-export): Fügen Sie ein Figma-/Tokens-Studio-Variablen-JSON ein und exportieren Sie nach Tailwind, shadcn CSS-Variablen, Style Dictionary oder SCSS. Erhält Farb-, Abstands- und Font-Tokens mit Typ-Inferenz. - [Bild-Palette zu Design-Tokens](https://elysiatools.com/de/tools/image-to-design-tokens): Extrahiert dominante Farben per k-Means und exportiert sie als CSS-/SCSS-Variablen, Tailwind-Config oder JSON-Tokens mit Namen und Farbskala - [Piktogramm-Generator](https://elysiatools.com/de/tools/pictograph-generator): Erstellen Sie Piktogramme mit Symbolen/Ikonen zur Darstellung von Mengen mit anpassbaren Symbolen, Farben und Layouts - [BSON Konverter](https://elysiatools.com/de/tools/bson-converter): Kodiert und dekodiert Daten zu/von BSON-Format (Binary JSON) - [CSV zu JSON Konverter](https://elysiatools.com/de/tools/csv-to-json): Konvertiert CSV-Daten in JSON-Format mit anpassbaren Parsen-Optionen - [CSV Transformator](https://elysiatools.com/de/tools/csv-transformer): CSV-Daten mit Spaltenoperationen, Berechnungen und Datentypkonvertierungen transformieren und verarbeiten. Operationsbeispiele: • Spalte umbenennen: \[{"type": "rename", "column": "alter_name", "new_name": "neuer_name"}\] • Berechnete Spalte hinzufügen: \[{"type": "add_column", "new_column": "gesamt", "formula": "preis * menge"}\] • Spalte entfernen: \[{"type": "remove_column", "remove_column": "zu_entfernende_spalte"}\] • Datentyp konvertieren: \[{"type": "convert_type", "convert_column": "alter", "target_type": "number"}\] • Werte berechnen: \[{"type": "calculate", "target_column": "gesamt", "expression": "preis * steuer + versand"}\] • Zeilen filtern: \[{"type": "filter_values", "filter_column": "status", "operator": "equals", "value": "aktiv"}\] ## Beispiele - [Grafana Fortgeschrittene Anwendungsbeispiele](https://elysiatools.com/de/samples/grafana-samples): Umfassende Grafana-Beispiele für fortgeschrittenes Dashboard-Design, Alerting-Konfiguration, Datenquellen-Integration und Plugin-Entwicklung - [QR-Code-Beispiele](https://elysiatools.com/de/samples/qrcode-samples): Beispiel-QR-Code-Bilder zum Testen von QR-Code-Lese- und Generierungswerkzeugen - [D3.js Datenvisualisierung Beispiele](https://elysiatools.com/de/samples/d3js-data-visualization): Umfassende D3.js datenvisualisierung beispiele einschließlich diagramme, karten, animationen und interaktive visualisierungen - [Rome JavaScript Toolchain Beispiele](https://elysiatools.com/de/samples/rome): Rome JavaScript Toolchain Beispiele einschließlich Konfiguration, Linting, Formatting, Bundling und Projektmanagement ## Verwandte Inhalte - [Tools fur JSON-Austausch und Format-Ubersetzung](https://elysiatools.com/de/hubs/json-convert): Vergleiche JSON-Konvertierungswerkzeuge fur CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN und ahnliche strukturierte Formate in einem Hub. - [Werkzeuge fur JSON-Inspektion, Diff und Transformation](https://elysiatools.com/de/hubs/json-utility): Bunde JSON-Formatierung, Diff, Pfad-Inspektion, Schema-Prufung, Merge und Transformation in einem Hub fur API- und Daten-Workflows. - [Generatoren fur JSON-Schemas, Mock-Daten und API-Fixtures](https://elysiatools.com/de/hubs/json-generate): Gebundelte Werkzeuge fur JSON-Schema-Generierung, Aufbau von Mock-Payloads und Vorbereitung von API-Fixtures in einem Hub. - [JSON-Formatierungs-, Diff- und Normalisierungs-Tools](https://elysiatools.com/de/hubs/json-format): Vergleichen Sie JSON-Formatierung, Diff, Log-Review, Konfigurationsvergleich und Datennormalisierung in einem Hub für lesbare und überprüfbare JSON-Workflows.