03
KONTRAST
WCAG AA & AAA
Kombiniere zwei beliebige Farben. Erhalte das Verhältnis. Bestanden / nicht bestanden für Körper-Text und großer Text.
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
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: werbepflichtige Seiten, die alles durch ihre Alter, dichte Bannerwerbung und kaum interaktive Oberfläche übertrumpfen — HTMLColorCodes ist das klassische Beispiel. Zweitens: VC-gesicherte SaaS wie Coolors, die Exporte, Gradientengeneratoren und Palette-Speicherung hinter einem $3-$5/monatlichen Abonnement verstecken, das du nicht brauchst, um eine Funktion zu nutzen, die der Browser bereits native bereitstellt. Drittens: Unternehmens-Software wie Adobe Color, die einen Creative Cloud-Account für das verlangt, was eigentlich hundert Zeilen Code sein sollte. Morph ist die lokal-first, kein-Konto, alle Formate inklusive Version. Der Browser hat bereits eine EyeDropper-API und eine Farbauswahl; Morph umschließt sie in einer benutzerfreundlichen Oberfläche und fügt die Mathematik (CMYK, HSL, Kontrast, Paletten-Theorie) hinzu, die jeder Designer benötigt.
Coolors und Adobe Color verfügen über Community-Palette-Bibliotheken – Millionen von von Nutzern gespeicherten Paletten, die Sie durchsuchen und remixen können. Wenn Ihr Workflow auf communitygeführter Inspiration basiert, ist Morphs standalone Farbwähler nicht die richtige Oberfläche. Morph ist die Mathematik + die Konvertierungen + der Palette-Generator + der Kontrastprüfung – die deterministischen, reproduzierbaren Teile. Der "Durchsuchen von einer Million Nutzerpaletten"-Teil ist ein anderes Produkt, und Coolors hat eine starke Lösung.
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.