Farbwähler & Palettenersteller – kostenlos

So funktioniert es

Alles läuft direkt in Ihrem Browser mit selbst geschriebener Umrechnungsmathematik – keine Farbbibliothek, kein Serverumweg. Sie wählen eine Farbe über die native Farbeingabe des Browsers oder die EyeDropper API, und das Tool wandelt sie sofort in sechs Formate um, berechnet WCAG-Kontrastverhältnisse und erzeugt Harmoniepaletten.

1. 1
   Farbeingabe über native API

   Sie wählen eine Farbe über das integrierte <input type="color">-Element des Browsers, oder – in Chromium-basierten Browsern – mit der EyeDropper API, die jedes Pixel auf Ihrem Bildschirm aufnehmen kann. Beide Wege liefern eine Hex-Zeichenkette, die zur einzigen Datenquelle wird.
2. 2
   Selbst geschriebene Formatumrechnungen

   Das Tool wandelt den Hex-Wert mit eigenen Mathematikfunktionen (ohne externe Bibliothek) in RGB, HSL, HSV, CMYK und OKLCH um. Die OKLCH-Umrechnung linearisiert die sRGB-Kanäle, wendet die OKLab-Kubikwurzelmatrix an und leitet dann Chroma und Farbtonwinkel ab – passend zur Ausgabe von CSS Color Level 4.
3. 3
   Berechnung des WCAG-Kontrastverhältnisses

   Die relative Leuchtdichte wird aus den linearisierten RGB-Kanälen mit der WCAG-2.x-Formel berechnet. Anschließend ermittelt das Tool die Kontrastverhältnisse gegen reines Weiß und reines Schwarz und kennzeichnet sie gemäß den WCAG-Schwellen (3:1, 4,5:1, 7:1) als AA-groß, AA, AAA oder Nicht erfüllt.
4. 4
   Harmoniepaletten erzeugen und lokal speichern

   Komplementäre, triadische, analoge und monochromatische Farbfelder entstehen durch mathematisches Drehen oder Abstufen von HSL-Farbton und -Helligkeit. Gespeicherte Paletten werden in den localStorage Ihres Browsers geschrieben – nichts verlässt Ihr Gerät.

Ähnliche Tools