Farb-Tools
Farbe umwandeln und prüfen
Farb-Mathematik, die in deinem Browser läuft. Wandle zwischen hex, RGB, HSL und OKLCH um; prüfe Kontrast gegen WCAG-Schwellenwerte.
Kein Upload Browser-only
Häufig gestellte Fragen
- Welche Farbformate werden unterstützt?
- hex, rgb(), hsl() und oklch() — sowohl die moderne Leerzeichen-getrennte als auch die klassische Komma-Syntax.
- Was ist OKLCH?
- Ein perzeptuell uniformer Farbraum mit Lightness-, Chroma- und Hue-Achsen. Er erzeugt konsistentere Verläufe und Paletten als HSL, weil gleiche numerische Schritte wie gleiche visuelle Schritte aussehen.
- Wie wird Kontrast berechnet?
- Nach WCAG 2.1: relative Luminanz wird für jede Farbe berechnet, dann ist das Verhältnis (heller + 0.05) / (dunkler + 0.05). Das Ergebnis reicht von 1:1 (identisch) bis 21:1 (Weiß auf Schwarz).
- Welche Schwellwerte zählen für Barrierefreiheit?
- AA Normaltext braucht ≥ 4.5; AA Large-Text und UI-Komponenten brauchen ≥ 3. AAA hebt das auf ≥ 7 und ≥ 4.5. Ziele auf Produktiv-Sites mindestens auf AA.
- Werden meine Farbwerte irgendwohin gesendet?
- Nein. Konvertierung und Kontrastrechnung laufen lokal; nichts verlässt deinen Browser.