03
CONTRASTO
WCAG AA & AAA
Abbinare due colori qualsiasi. Ottieni il rapporto. Passa/fallisce per testo corpo e testo grande.
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.
Digita #FF5200 e visualizza RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0) e il colore CSS più vicino. Copia qualsiasi formato con un clic. Modifica un campo, gli altri rimangono sincronizzati.
Complementare, analogo, triadico, split-complementare, monocromatico, tetradico. Scegli una base e ottieni una palette utilizzabile in cinque tonalità.
Abbinare due colori qualsiasi. Ottieni il rapporto. Passa/fallisce per testo corpo e testo grande.
API EyeDropper su Chrome / Edge. Campiona qualsiasi pixel ovunque sullo schermo.
Tre modelli dominano il mercato del selettore di colori. Primo: siti avvolti da annunci che superano tutto per essere vecchi, pieni di banner pubblicitari e appena interattivi — HTMLColorCodes è l'esempio canonico. Secondo: SaaS finanziati da venture capital come Coolors che bloccano esportazioni, generatori di gradienti e salvataggio palette dietro una sottoscrizione da $3-$5 al mese che non ti serve per una funzione che il browser include nativamente. Terzo: Adobe Color di livello enterprise che richiede un account Creative Cloud per quello che dovrebbe essere un centinaio di linee di codice. Morph è la versione local-first, senza account, inclusi tutti i formati. Il browser ha già un API EyeDropper e un input colore; Morph li incapsula in un'interfaccia utilizzabile e aggiunge la matematica (CMYK, HSL, contrasto, teoria dei palette) che ogni designer necessita.
Coolors e Adobe Color hanno librerie di palette community — milioni di palette salvate dagli utenti che puoi sfogliare e remixare. Se il tuo flusso di lavoro si basa sull'ispirazione curata dalla community, il selettore autonomo di Morph non è la superficie giusta. Morph è la matematica + le conversioni + il generatore di palette + il controllo del contrasto — le parti determinate e riproducibili. La parte "sfoglia un milione di palette utente" è un prodotto diverso, e Coolors ne ha uno forte.
Sì. Inserisci qualsiasi codice colore HEX e Morph mostra immediatamente i corrispondenti valori RGB, HSL e CMYK. Funziona in entrambe le direzioni — scrivi in qualsiasi campo e gli altri si sincronizzano.
Sì. Morph calcola i rapporti di contrasto WCAG tra due qualsiasi colori e ti dice se la combinazione soddisfa gli standard di accessibilità AA o AAA per il testo normale e testo grande.
Sì. Seleziona un colore di base e Morph genera palette complementari, analoghe, triadiche, split-complementari, monocromatiche e tetradiche basate sulla teoria del colore.
Sì su Chrome e Edge — Morph utilizza l'API EyeDropper del browser. Clicca il pulsante dell'occhiale, passa il mouse ovunque sullo schermo, clicca per campionare. Safari e Firefox non espongono ancora questa API; in quei browser Morph ricorre alla selezione all'interno della superficie del selettore.
Le palette salvate vivono in localStorage sul tuo dispositivo. Non vengono mai sincronizzate con un server Morph. Cancellando la memoria del browser, scompaiono — e Morph non ne ha una copia.