• PASS
  • FAIL
  • DATA
  • HUMAN

Kontrastverhältnis mit der KI auf Barrierefreiheit prüfen

Verbinde die Color Converter Engine mit deinem KI-Client. Sobald die Verbindung steht, kannst du prüfen, ob Farbkombinationen die Lesbarkeitsstandards erfüllen.

Fragen Sie die KI zu dieser Seite

Kurzantwort

Wie prüfe ich die Barrierefreiheit des Kontrasts mit meiner KI?

Deine KI nutzt die Luminanz-Erkennung, um festzustellen, ob eine Hintergrundfarbe eine lesbare Textdarstellung ermöglicht. Sie berechnet das Kontrastverhältnis für jeden von dir angegebenen Hex-Code. Die spezifischen Ergebnisse für deine Farbkombinationen siehst du direkt im Anschluss.

Deine Ergebnisse.

So werden deine Daten ausgewertet.

Die KI verarbeitet deine Farbangaben und liefert diese konkreten Ergebnisse.

PASS

Barrierefreie Farbkombinationen

Die KI bestätigt, wenn Text- und Hintergrundfarben die Lesbarkeitsstandards erfüllen. Du erhältst ein klares Signal, dass die Kombination sicher ist.

FAIL

Nicht barrierefreie Farbkombinationen

Die KI erkennt, wenn der Kontrast für eine gute Lesbarkeit zu gering ist. Diese Kombinationen werden markiert, damit du sie vermeiden kannst.

DATA

Luminanzwerte

Die KI liefert die mathematischen Luminanzwerte, die für die Prüfung genutzt werden. Das gibt dir die Rohdaten hinter dem Kontrastverhältnis.

HUMAN

Design-Entscheidungen

Die KI identifiziert das Problem, aber du entscheidest, welche neuen Farben du wählst. Du erstellst die finale Palette basierend auf dem Feedback.

Der Ablauf

Was deine KI tut, wenn du Farbcodes angibst.

Die KI übernimmt die Mathematik, damit du die Luminanz nicht manuell berechnen musst.

  1. Hex-Codes empfangen

    Deine KI nimmt die Hex-Codes oder Farbnamen entgegen, die du im Chat angibst.

    convert_color

  2. Luminanz berechnen

    Die KI führt die Berechnung durch, um die relative Luminanz jeder Farbe zu ermitteln.

    convert_color

  3. Kontrast bestimmen

    Die KI vergleicht die beiden Luminanzwerte, um das Kontrastverhältnis zu ermitteln.

    convert_color

  4. Barrierefreiheit melden

    Die KI teilt dir mit, ob die Kombination bestanden wurde oder nicht.

    convert_color

Probieren Sie es

Kopiere diese Beispiele zum Start.

Nutze diese Prompts, um sofort mit dem Testen deiner Farben zu beginnen.

Startpunkte

Ersetze die Hex-Codes in diesen Beispielen durch die tatsächlichen Farben, die du testen möchtest.

colord Connector

Alles bereit. Wählen Sie Ihren MCP-Client und folgen Sie den Einrichtungsschritten.

Connector-Linkhttps://edge.vinkius.com/vk_preview_tPZG2W5SpZuCO8QSdDkjLYaNdxJZ6A5AF0HSNJmD/mcp

Claude Desktop

Folgen Sie den Schritten unten, um sich in Sekunden zu verbinden.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — colord capabilities are ready to use.
Konfiguration · claude_desktop_config.jsonKopieren
{
  "mcpServers": {
    "color-converter-engine-alternative-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_tPZG2W5SpZuCO8QSdDkjLYaNdxJZ6A5AF0HSNJmD/mcp"
    }
  }
}
In den Chat kopieren04

  • Prüfe den Kontrast zwischen #FFFFFF und #000000.

  • Bietet #3498db genug Kontrast vor einem #ffffff Hintergrund?

  • Teste die Barrierefreiheit der Textfarbe #2c3e50 auf einem #ecf0f1 Hintergrund.

  • Führe eine Luminanz-Prüfung für #ff5733 gegenüber #000000 durch.

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Starten Sie hier

Einmalig die Color Converter Engine verbinden, dann fragen.

Klicke auf den Link, um den MCP mit deinem Client zu verbinden. Sobald die Verbindung steht, kannst du direkt in deinem Chat nach dem Kontrastverhältnis fragen.

Color Converter Engine mit deiner KI verbinden

FAQ

So funktioniert die Aufgabe.

  • 01

    Kann die KI meine CSS-Dateien direkt ändern?

    Nein. Die KI prüft lediglich die Farben und liefert die Ergebnisse. Du musst deinen Code oder deine Design-Dateien manuell aktualisieren.

  • 02

    Wird die WCAG-Konformität geprüft?

    Ja, die KI nutzt die Luminanz-Erkennung, um zu bestimmen, ob die Kontrastverhältnisse die Standardanforderungen für Barrierefreiheit erfüllen.

  • 03

    Kann ich Farbnamen statt Hex-Codes verwenden?

    Ja, sofern dein KI-Client den Farbnamen in einen Wert umwandeln kann, den das Tool verarbeiten kann.

  • 04

    Schlägt die KI neue Farbpaletten vor?

    Die KI kann Farben vorschlagen, die die Prüfung bestehen, erstellt aber keine vollständigen Marken-Paletten auf Knopfdruck.

  • 05

    Funktioniert das mit jedem Farbformat?

    Das Tool ist darauf angewiesen, die Eingabe in Luminanzwerte umzuwandeln, was in der Regel über Hex-Codes geschieht.

  • Weitere Fragen zur Color Converter Engine? Die Connector-Seite liefert Antworten. Alle Funktionen der Color Converter Engine anzeigen

Verbinde colord mit Claude, Cursor, ChatGPT & mehr