03
CONTRASTE
WCAG AA & AAA
Associez deux couleurs quelconques. Obtenez le ratio. Passer / échouer pour le texte corporel et le texte important.
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.
Tapez #FF5200 et voyez RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0) et la couleur CSS nommée la plus proche. Copiez n'importe quel format en un clic. Modifiez n'importe quel champ, les autres restent synchronisés.
Complémentaire, analogue, triadique, complémentaire divisé, monochromatique, tétradique. Choisissez une base, obtenez une palette utilisable en cinq teintes.
Associez deux couleurs quelconques. Obtenez le ratio. Passer / échouer pour le texte corporel et le texte important.
API EyeDropper sur Chrome / Edge. Échantillonnez n'importe quel pixel n'importe où sur l'écran.
Trois modèles dominent le marché du sélecteur de couleurs. Première : des sites encadrés par des publicités qui surpassent tout par leur ancienneté, leur densité en publicités bannières et leur faible interactivité — HTMLColorCodes est l'exemple canonique. Deuxième : des SaaS financés par des VC comme Coolors qui bloquent les exports, les générateurs de dégradés et l'enregistrement des palettes derrière un abonnement de 3 à 5 $/mois que vous n'avez pas besoin pour une fonctionnalité que le navigateur fournit nativement. Troisième : Adobe Color de niveau entreprise qui exige un compte Creative Cloud pour ce qui devrait être cent lignes de code. Morph est la version locale-first, sans compte, incluant tous les formats. Le navigateur possède déjà une API EyeDropper et un champ de saisie de couleur ; Morph les enveloppe dans une interface utilisable et ajoute les mathématiques (CMJN, HSL, contraste, théorie des palettes) dont chaque designer a besoin.
Coolors et Adobe Color ont des bibliothèques de palettes communautaires — des millions de palettes sauvegardées par les utilisateurs que vous pouvez parcourir et remixer. Si votre workflow repose sur une inspiration curatée par la communauté, le sélecteur autonome de Morph n'est pas la bonne surface. Morph est les mathématiques + les conversions + le générateur de palette + la vérification de contraste — les parties déterministes et reproductibles. La partie « parcourir une million de palettes utilisateur » est un produit différent, et Coolors en a un très bon.
Oui. Entrez n'importe quel code couleur HEX et Morph affiche instantanément les équivalents RGB, HSL et CMYK. Fonctionne dans les deux sens — tapez dans n'importe quel champ et les autres se synchronisent.
Oui. Morph calcule les rapports de contraste WCAG entre deux couleurs quelconques et vous indique si la combinaison respecte les normes d'accessibilité AA ou AAA pour le texte corporel et le texte important.
Oui. Sélectionnez une couleur de base et Morph génère des palettes complémentaires, analogues, triadiques, split-complémentaires, monochromatiques et tétradiques en fonction de la théorie des couleurs.
Oui sur Chrome et Edge — Morph appelle l'API EyeDropper du navigateur. Cliquez sur le bouton pipette, survolez n'importe où sur votre écran, cliquez pour échantillonner. Safari et Firefox n'exposent pas encore cette API ; dans ces navigateurs, Morph revient à choisir à l'intérieur de la surface du sélecteur.
Les palettes sauvegardées sont stockées dans localStorage sur votre appareil. Elles ne sont jamais synchronisées avec un serveur Morph. Effacez le stockage du navigateur, elles disparaissent — et Morph n'en a aucune copie.