Sélecteur de couleur · HEX · RGB · HSL · CMYK

Sélecteur de couleur gratuit en ligne Tout le spectre, dans votre onglet.

Les anciens sites remplis de publicités classés pour "sélecteur de couleur" avec une page statique. Les grandes suites nécessitent un compte cloud. Les douze autres outils vous obligent à télécharger une image pour extraire une palette — pour un problème que le navigateur a déjà résolu avec l'API de l'œil de pinceau. Morph sélectionne les couleurs visuellement, convertit entre HEX, RGB, HSL, CMYK, génère des palettes (complémentaires, analogues, triadiques, divisées, monochromatiques) et effectue des vérifications de contraste WCAG — tout dans votre onglet, sans publicités, sans téléchargement, sans compte. Gratuit pour tout ce qui fonctionne sur votre appareil ; l'IA est payée en crédits.

Ouvrir le sélecteur
01
CONVERTIR

Tous les formats de couleur, en un seul endroit — HEX, RGB, HSL, CMYK, nommés.

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.

Ouvrir l'outil
Fonctionne sur votre appareil · gratuit · aucun compte requis

Ce qu’il fait réellement

02
PALETTE

Théorie des couleurs, générée

Complémentaire, analogue, triadique, complémentaire divisé, monochromatique, tétradique. Choisissez une base, obtenez une palette utilisable en cinq teintes.

03
CONTRASTE

WCAG AA & AAA

Associez deux couleurs quelconques. Obtenez le ratio. Passer / échouer pour le texte corporel et le texte important.

04
PIQUE-DOIGT

Sélectionner à partir de l'écran

API EyeDropper sur Chrome / Edge. Échantillonnez n'importe quel pixel n'importe où sur l'écran.

Comment ça marche

  1. Ouvrez morph.cool/color dans n'importe quel navigateur moderne. Aucune connexion, aucun installation, aucune carte.
  2. Sélectionnez visuellement — faites glisser le sélecteur, saisissez un code HEX, collez une chaîne RGB ou utilisez le bouton EyeDropper (Chrome/Edge).
  3. Voir les conversions instantanées entre HEX, RGB, HSL et CMYK. Modifiez n'importe quel champ ; les autres restent synchronisés.
  4. Générez des palettes — complémentaires, analogues, triadiques, divisées, monochromatiques, tétradiques. Chaque palette est à un clic de la copie.
  5. Testez le contraste. Associez deux couleurs quelconques aux cibles WCAG AA / AAA pour du texte normal et grand.
4 formatsHEX · RGB · HSL · CMYK
6 schémasGénérateurs de palette
0Compte requis

Pourquoi la plupart des outils de couleur semblent être un labyrinthe

Trois modèles dominent le marché du sélecteur de couleurs. Premièrement : des sites encadrés de publicités qui dominent tout par leur ancienneté, densité d'annonces et faible interactivité. Troisièmement : des suites tierces entreprise qui exigent un compte 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 couleur ; Morph les enveloppe dans une interface utilisable et ajoute les mathématiques (CMYK, HSL, contraste, théorie des palettes) dont chaque designer a besoin.

Où les SaaS de conception gagnent encore

Les sites de bibliothèque de palette proposent des collections 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 surface adaptée. Morph est les mathématiques + les conversions + le générateur de palette + le contrôle de contraste — les parties déterministes et reproductibles. La partie « parcourir un million de palettes utilisateur » est un autre produit.

Questions fréquemment posées

Puis-je convertir entre HEX et RGB ?

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.

Morph vérifie-t-il le contraste des couleurs pour l'accessibilité ?

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.

Puis-je générer des palettes de couleurs à partir d'une seule couleur ?

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.

L'outil de sélection de couleur prend-il vraiment des couleurs de n'importe où sur l'écran ?

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.

Mes couleurs sont-elles stockées quelque part ?

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.

Tandis que vous êtes ici Éditeur photo SVG vers PNG Générateur de code QR Créateur de signature Morph Pro
Ouvrir le sélecteur de couleurs
Open the color picker
Nothing leaves your device · Free for what you make, credits for what we run