WCAG AA & AAA
Kombiniere zwei beliebige Farben. Erhalte das Verhältnis. Bestanden / nicht bestanden für Körper-Text und großer Text.
Die alten, werbengebundenen Seiten zeigen Bannerwerbung während Ihres Besuchs und ranken für "Farbwähler" mit einer statischen Seite. Die großen Suiten benötigen ein Cloud-Konto. Die anderen Dutzend Tools verlangen, dass Sie ein Bild hochladen, um eine Palette zu extrahieren — für ein Problem, das der Browser bereits mit der Augenpipette-API gelöst hat. Morph wählt Farben visuell, konvertiert zwischen HEX, RGB, HSL, CMYK, generiert Paletten (komplementär, analog, triadisch, geteilt, monochromatisch) und führt WCAG-Kontrastprüfungen durch — alles in Ihrem Tab, keine Werbung, kein Upload, kein Konto. Kostenlos für alles, was auf Ihrem Gerät läuft; KI ist in Credits bezahlt.
Geben Sie #FF5200 ein und sehen Sie RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0) und die nächstgelegene CSS-Namenfarbe. Kopieren Sie jedes Format mit einem Klick. Bearbeiten Sie jedes Feld, die anderen bleiben synchronisiert.
Komplementär, analog, triadisch, geteiltes Komplementär, monochromatisch, tetradisch. Wählen Sie eine Grundfarbe und erhalten Sie ein nutzbares Farbschema in fünf Farbtönen.
Kombiniere zwei beliebige Farben. Erhalte das Verhältnis. Bestanden / nicht bestanden für Körper-Text und großer Text.
EyeDropper-API in Chrome / Edge. Proben Sie jeden Pixel überall auf dem Bildschirm.
Drei Muster dominieren den Farbpicker-Markt. Erstens: werbegrabene Seiten, die alles übertrumpfen, weil sie alt sind, voller Bannerwerbung und kaum interaktiv. Drittens: Enterprise-Suiten, die für das, was eine hundert Zeilen Code sein sollte, ein Cloud-Konto verlangen. Morph ist die lokal-first, kein-Konto, alle Formate inklusive Version. Der Browser hat bereits eine EyeDropper-API und eine Farbeingabe; Morph umschließt sie in einer benutzerfreundlichen Oberfläche und fügt die Mathematik hinzu (CMYK, HSL, Kontrast, Paletten-Theorie), die jeder Designer benötigt.
Die Palette-Bibliothek-Websites haben Community-Sammlungen — Millionen von von Nutzern gespeicherten Paletten, die Sie durchsuchen und remixen können. Wenn Ihr Workflow auf communitygeführter Inspiration basiert, ist Morphs eigenständiger Picker nicht die richtige Oberfläche. Morph ist die Mathematik + die Umrechnungen + der Palette-Generator + der Kontrastprüfer — die deterministischen, reproduzierbaren Teile. Der Teil „eine Million Paletten durchsuchen“ ist ein anderes Produkt.
Ja. Geben Sie jeden HEX-Farbcodier und Morph zeigt sofort die RGB-, HSL- und CMYK-Äquivalente an. Funktioniert in beide Richtungen — geben Sie in ein beliebiges Feld ein und die anderen synchronisieren sich.
Ja. Morph berechnet Kontrastverhältnisse nach WCAG zwischen zwei beliebigen Farben und sagt dir, ob die Kombination die AA- oder AAA-Zugänglichkeitsstandards für Normaltext und Großtext erfüllt.
Ja. Wähle eine Grundfarbe aus, und Morph generiert komplementäre, analoge, triadische, geteilte komplementäre, monochromatische und tetradische Farbpaletten basierend auf der Farbtheorie.
Ja bei Chrome und Edge — Morph ruft die Browser-EyeDropper-API auf. Klicken Sie auf die Augen-Abnehmer-Schaltfläche, halten Sie den Cursor überall auf dem Bildschirm, klicken Sie, um eine Farbe zu wählen. Safari und Firefox bieten diese API noch nicht an; in diesen Browsern fällt Morph stattdessen auf das Auswählen innerhalb der Picker-Oberfläche zurück.
Gespeicherte Farbpaletten leben in localStorage auf Ihrem Gerät. Sie werden niemals mit einem Morph-Server synchronisiert. Löschen Sie den Browser-Speicher, sind sie weg — und Morph hat keine Kopie.