Selecteur de couleur gratuit en ligne - Extraire couleurs d images
320 utilisations
#6366f1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
cmyk(59%, 58%, 0%, 5%)
Cliquez ou deposez une image ici
Formats JPG, PNG, GIF pris en charge
Couleurs recemment utilisees
EffacerPas encore d historique
Guide des formats
HEX Hexadecimal
Format #RRGGBB, le plus utilise en developpement web, ex. #FF5733.
RGB Couleurs primaires
Valeurs rouge, vert, bleu de 0-255, ex. rgb(255, 87, 51).
HSL Teinte/Saturation
Teinte, saturation, luminosite - plus intuitif pour les ajustements.
CMYK Couleurs d impression
Cyan, magenta, jaune, noir - utilise pour l impression et l edition.
Extraction d image
Chargez une image et cliquez n importe ou pour extraire la couleur exacte.
Copie en un clic
Cliquez sur Copier pour copier instantanement les codes couleur.
Questions fréquemment posées
Est-ce que le sélecteur de couleurs fonctionne sur mon téléphone ou ma tablette ?
Oui, il tourne sur n'importe quel navigateur récent — Chrome, Safari, Firefox — sous iOS et Android. L'onglet 'Choisir une couleur dans une image' permet de prendre une photo avec l'appareil ou d'en importer une existante. Tapez sur un pixel pour capturer la couleur. Copier un code HEX se fait par une pression longue sur la valeur.
Pourquoi la couleur que j'ai choisie à l'écran est-elle différente à l'impression ?
Votre écran utilise la lumière RVB (Rouge, Vert, Bleu), mais une imprimante emploie l'encre CMJN. Ce bleu électrique prélevé sur une photo risque de devenir grisâtre sur papier. Basculez l'outil en mode CMJN avant de copier votre code. Regardez l'aperçu. Pour un dépliant professionnel, imprimez toujours un échantillon sur votre propre matériel.
La couleur affichée à l'écran sera-t-elle identique une fois imprimée sur papier ?
Pas forcément. Les écrans utilisent la lumière RGB, les imprimantes l'encre CMYK — deux systèmes radicalement opposés. Un néon vif à l'écran peut devenir terne sur papier. Notre outil affiche les deux valeurs côte à côte pour que vous puissiez vérifier l'équivalent CMYK avant d'imprimer. Pour vos documents professionnels, commandez toujours un bon à tirer physique.
Est-ce qu'on peut capturer plusieurs couleurs d'une seule image d'un coup ?
Pas en un clic unique, mais voici une astuce. Charge ton image, clique sur la première couleur, copie-la. Sans recharger la page, clique ailleurs sur la même image — l'outil garde l'image ouverte. Tu peux récupérer 10 à 15 couleurs en moins d'une minute. Pour retoucher une photo de profil LinkedIn, prends la teinte de fond et trois couleurs d'accent. Colle-les côte à côte dans ton logiciel de design.
Est-ce nécessaire de calibrer son écran pour obtenir des couleurs précises ?
Pas besoin de matériel coûteux, mais la luminosité de votre moniteur joue un rôle crucial. Si votre écran est réglé trop fort, les couleurs perçues s'écartent des valeurs réelles. Pensez à désactiver le mode nuit ou les filtres anti-lumière bleue avant d'utiliser l'outil. Ces réglages modifient subtilement les teintes et peuvent fausser vos extractions. Essayez toujours de travailler dans une pièce modérément éclairée pour éviter les reflets gênants sur votre dalle.
Pourquoi la couleur copiée depuis une photo paraît-elle totalement différente dans mon logiciel de conception ?
Votre logiciel interprète probablement mal le format. Notre outil affiche le HEX par défaut, mais si vous avez copié un code HSL et collé dans un champ HEX, la teinte sera complètement fausse. Vérifiez l'étiquette du format juste au-dessus du bouton copier. Pensez aussi au dièse : certains logiciels exigent #FF5733, d'autres FF5733 sans le symbole. Pour des captures d'écran, réglez votre profil couleur sur sRGB — avec Display P3, les couleurs paraissent trop saturées dans vos maquettes.
Quelle est la différence entre les codes HEX et HSL, et quand utiliser l'un plutôt que l'autre ?
Le HEX est un code de 6 caractères que les navigateurs et les fichiers CSS lisent nativement—considérez-le comme la carte d'identité de la couleur. Le HSL, lui, décompose en teinte, saturation et luminosité, ce qui est bien plus logique quand vous ajustez des nuances à la main. Pour du code front-end, restez sur le HEX. Pour des réglages fins comme assombrir légèrement un bouton ou réduire sa saturation, le HSL vous permet de modifier une seule valeur sans toucher aux autres. La plupart des outils de développement acceptent les deux formats, donc choisissez selon votre habitude. Astuce : pour créer un dégradé, le HSL simplifie le calcul des étapes intermédiaires.
Le sélecteur de couleurs fonctionne-t-il sans connexion internet ?
Il faut être en ligne une fois pour charger la page. Ensuite, l'outil tourne entièrement dans ton navigateur — aucune donnée n'est envoyée à un serveur. Donc si tu es dans le TGV avec un Wi-Fi capricieux, charge la page avant de partir et tu pourras quand même prélever des couleurs sur tes images. Ferme juste pas l'onglet. Le presse-papiers marche toujours, tu peux coller tes codes HEX dans ton code ou ton logiciel de design.
Est-il possible de sauvegarder mes palettes de couleurs personnalisées ?
Aucun compte n'étant requis, les palettes ne se synchronisent pas en ligne. Vous pouvez toutefois copier une liste de 6 codes HEX d'un seul clic grâce à notre fonction d'exportation. Collez ensuite cette sélection dans votre bloc-notes pour ne jamais perdre vos nuances.
Puis-je exporter ma palette de couleurs directement vers Photoshop ou Figma?
Il n'y a pas de bouton de synchronisation magique, mais le transfert prend quelques secondes. Copiez la chaîne d'exportation contenant vos codes HEX. Collez ce texte directement dans le panneau de styles de Figma ou les nuanciers de Photoshop. Vous gagnerez un temps précieux par rapport à une sélection manuelle. Gardez votre fichier ouvert pendant que vous pipez les tons.
Comment utiliser le selecteur
- Utilisez la palette de couleurs ou le selecteur natif
- Ou passez en mode Image et chargez une photo
- Ou saisissez des valeurs HEX/RGB directement
- Visualisez la couleur en HEX, RGB, HSL et CMYK
- Cliquez sur Copier pour n importe quel format
- Les couleurs recentes sont sauvegardees automatiquement
Outils connexes
Les images sont traitees localement dans votre navigateur, jamais envoyees sur un serveur.