# Barrierefreier Farbkontrast-Pruefer Prueft Farbpaare nach WCAG 2.1 AA und AAA und macht Anpassungsvorschlaege > Kanonische Seite: https://elysiatools.com/de/tools/accessible-color-palette-contrast-checker - **Kategorie:** Design - **Schlagwörter:** wcag, contrast, accessibility, palette, color audit, design system ## Überblick Gut fuer Designsysteme, Markenpaletten und UI-Themen mit automatischen Kontrastbewertungen. ## Eingaben - **Palettenfarben** (textarea): brand-primary: #1D4ED8 brand-secondary: #F59E0B surface: #FFFFFF text: #111827 - **WCAG-Ziel** (select) - **Gleiche Farbpaare einbeziehen** (checkbox) ## Wann verwenden - Beim Erstellen oder Überarbeiten von Corporate-Design-Richtlinien und Markenpaletten. - Vor dem Launch einer neuen Website oder App, um die digitale Barrierefreiheit (Accessibility) sicherzustellen. - Bei der Definition von UI-Themes (z. B. Light und Dark Mode) innerhalb eines Designsystems. ## Funktionsweise - Fügen Sie Ihre Farbpalette im Format 'Name: #Hexcode' zeilenweise in das Textfeld ein. - Wählen Sie das gewünschte WCAG-Ziel aus (z. B. AA für normalen Text mit einem Mindestkontrast von 4,5:1). - Entscheiden Sie optional, ob auch Kombinationen der gleichen Farbe geprüft werden sollen. - Das Tool berechnet alle Kontrastwerte und gibt einen JSON-Bericht mit bestandenen Paaren und Verbesserungsvorschlägen aus. ## Anwendungsfälle - Auditierung einer bestehenden Website-Farbpalette auf gesetzliche Barrierefreiheitsstandards. - Automatisierte Überprüfung von Vordergrund- und Hintergrundfarben in neuen UI-Komponenten. - Generierung eines Kontrast-Reports für Kundenpräsentationen im Webdesign. ## Häufig gestellte Fragen ### Was bedeuten die WCAG-Level AA und AAA? WCAG steht für Web Content Accessibility Guidelines. Das Level AA erfordert ein Kontrastverhältnis von 4,5:1 für normalen Text, während das strengere AAA-Level 7:1 verlangt. ### Welches Format muss ich für die Eingabe der Farben verwenden? Geben Sie die Farben zeilenweise im Format 'Name: #Hexcode' ein, zum Beispiel 'Hintergrund: #FFFFFF' oder 'Primär: #1D4ED8'. ### Warum sollte ich meine Farbpalette auf Kontrast prüfen? Ein ausreichender Farbkontrast stellt sicher, dass Texte für Menschen mit Sehschwächen gut lesbar sind und erfüllt gesetzliche Anforderungen zur digitalen Barrierefreiheit. ### Was passiert, wenn eine Farbkombination durchfällt? Das Tool listet die fehlgeschlagenen Paare im JSON-Ergebnis auf und gibt Hinweise, welche Farben angepasst werden müssen, um den Zielwert zu erreichen. ### Kann ich auch große Texte (Large Text) prüfen? Ja, Sie können im Dropdown-Menü spezielle Ziele für großen Text auswählen, da hier geringere Kontrastanforderungen gelten (z. B. 3:1 für AA Large Text). ## Ähnliche Tools - [Farb-Barrierefreiheits-Prüfer](https://elysiatools.com/de/tools/color-accessibility-checker): Überprüft Farbkontrastverhältnisse auf WCAG-Konformität - [Farbkontrast-Prüfer](https://elysiatools.com/de/tools/color-contrast-checker): Farbkontrastverhältnis und WCAG-Konformität für Barrierefreiheit prüfen - [Farbraumkonverter](https://elysiatools.com/de/tools/color-space-converter): Konvertiert Farben zwischen HEX, RGB, HSL, CIELAB und Display-P3 mit CSS-Ausgabe und Gamut-Pruefung. - [Pruefer fuer Farbseh-Barrierefreiheit](https://elysiatools.com/de/tools/color-vision-accessibility-checker): Misst WCAG-Kontrast, simuliert Farbsehstoerungen und markiert optional schwache Bildbereiche. - [TPN-Makronährstoff-Rechner](https://elysiatools.com/de/tools/tpn-macronutrient-calculator): Berechnet Glukose/Aminosäuren/Lipide in Gramm und kcal, die Nicht-Protein-kcal, das Verhältnis Nicht-Protein-kcal : g Stickstoff, die Kalorienverteilung und Werte pro kg, ausgehend von der parenteralen Ernährungsverordnung. Dichten: Glukose 3.4 kcal/g, Aminosäuren 4.0 kcal/g, Lipide 20% ≈ 2.0 kcal/mL (10% 1.1, 30% 3.0). AS-Stickstoff ≈ 16% → N = AS × 0.16. Verhältnis optimal ~150:1 (proteinsparend); <100:1 proteinbetont (Stress); >200:1 energiebetont (Überernährungsrisiko: CO₂, Steatose). Ziele (ASPEN/ESPEN): Energie 20–30 kcal/kg/Tag (Stress bis 30–35); Protein 1.0–1.5 g/kg/Tag (Intensiv bis 2.0); Glukose ≤ 4–5 mg/kg/min; Lipide ≤ 1.0–1.5 g/kg/Tag, ≤30–40% der Nicht-Protein-kcal. Hinweise: Analyse-Werkzeug, kein Rezept — TPN wird in der Apotheke aseptisch zubereitet; Ca-PO₄-Löslichkeitskurve gegen Ausfällung prüfen; enterale Ernährung so früh wie möglich wiederaufnehmen (TPN hat höheres CLABSI- und metabolisches Risiko); täglich Glukose, Triglyzeride, Leberwerte, Elektrolyte und Bilanz überwachen. Quellen: ASPEN 2016, ESPEN 2019, McClave 2016, Mirtallo 2004. Keine medizinische Beratung. - [Barrierefreiheits-Auditbericht-Generator](https://elysiatools.com/de/tools/accessibility-audit-report-generator): Prueft HTML oder eine URL auf haeufige WCAG-Probleme und exportiert einen strukturierten PDF-Bericht - [Barrierefreiheitspruefer](https://elysiatools.com/de/tools/accessibility-checker): Erkennt haeufige WCAG-2.1-Probleme in HTML, Seiten oder Designbildern und liefert direkt umsetzbare Hinweise - [Farbschema-Generator](https://elysiatools.com/de/tools/color-scheme-generator): Generiert professionelle Farbschemata und Paletten für Designprojekte ## Beispiele - [Farbcode-Beispiele](https://elysiatools.com/de/samples/color-code): Sammlung von Farbcodes in verschiedenen Formaten (Hex, RGB, HSL, benannte Farben) für Validierungstests - [Android Java Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-java): Android Java Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Android Kotlin Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-kotlin): Android Kotlin Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Web Python Bildverarbeitung Beispiele](https://elysiatools.com/de/samples/web-image-processing-python): Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung ## Verwandte Inhalte - [Generatoren fur CSS-Effekte, Paletten und Design-Tokens](https://elysiatools.com/de/hubs/design-generate): Gebundelte Werkzeuge fur CSS-Visualeffekte, Palettenaufbau und Design-Token-Generierung in einem Hub. - [Tools fuer Web-Accessibility-Audits und lesbare Farbpruefung](https://elysiatools.com/de/hubs/web-accessibility-audits): Pruefen Sie WCAG-Probleme, Screenreader-Reihenfolge, Kontrastfehler, Risiken bei Farbsehschwaechen und zugaengliche Farbwahl in einem Hub fuer Web-Accessibility-Workflows. - [Farbdesign- & Farbraum-Konvertierungswerkzeuge](https://elysiatools.com/de/hubs/color-design-tools): Farbkonverter, Palettengeneratoren, Harmonie-Tools, Barrierefreiheitsprüfer und Farbanpassungswerkzeuge an einem Ort für Designer und Entwickler vergleichen. - [Farbraum-Konvertierung fur Web und Druck](https://elysiatools.com/de/hubs/design-convert): Gebundelte Werkzeuge fur Farbraum-Konvertierung zwischen Web und Druck in einem Hub.