Sélecteur de Couleur

Sélectionnez des couleurs à partir de n'importe quelle image ou de votre écran avec notre sélecteur de couleur en ligne gratuit. Obtenez instantanément des codes HEX, RGB et HSL. 100% privé et fonctionne dans votre navigateur.

How to Use

1. Choisir la Méthode Téléversez une image ou utilisez le bouton 'Sélectionner à l'écran'.
2. Sélectionner la Couleur Passez la souris sur votre image pour voir un aperçu, puis cliquez pour capturer la couleur.
3. Copier le Code La couleur est ajoutée à votre historique. Cliquez pour copier sa valeur HEX, RGB ou HSL.

Le Meilleur Ami d'un Designer et d'un Développeur

🎨 Pour les Designers

Obtenez rapidement le code hexadécimal exact d'un logo de marque, d'une image de tableau d'ambiance ou d'une photo inspirante. Construisez vos palettes de couleurs avec une précision au pixel près.

💻 Pour les Développeurs

Extrayez les valeurs de couleur d'une maquette d'interface utilisateur (JPG ou PNG) pour les utiliser directement dans votre CSS ou votre code d'application. Obtenez des valeurs RGB pour le développement natif ou HEX pour le stylisme web.

Comprendre les Codes de Couleur

HEX (Hexadécimal)

Exemple : #00BFA5. Le format le plus courant pour les couleurs web. Un code à six chiffres représentant le mélange de Rouge, Vert et Bleu.

RGB (Rouge, Vert, Bleu)

Exemple : rgb(0, 191, 165). Définit l'intensité des composantes de lumière rouge, verte et bleue (0-255).

HSL (Teinte, Saturation, Luminosité)

Exemple : hsl(174, 100%, 37%). Plus intuitif pour les humains. La Teinte est le type de couleur, la Saturation est l'intensité, et la Luminosité est la clarté.

Votre Vie Privée est Notre Priorité

Cet outil fonctionne entièrement dans votre navigateur. Nous ne téléversons, ne stockons, ni n'analysons vos fichiers. Tout ce que vous traitez reste sur votre appareil.

Flux de travail avec Sélecteur de Couleur

Sélecteur de Couleur est plus utile dans un flux simple et repetable : preparer la source, appliquer le changement, puis verifier le resultat avant de le partager.

Commencer par la source

Utilisez Sélecteur de Couleur pour cette tache : Sélectionnez des couleurs à partir de n'importe quelle image ou de votre écran avec notre sélecteur de couleur en ligne gratuit. Obtenez instantanément des codes HEX, RGB et HSL. 100% privé et fonctionne dans votre navigateur. Le travail reste dans le navigateur, sans application de bureau plus lourde.

Verifier le resultat

Previsualisez la sortie, comparez-la a l'original et ajustez les reglages avant de la publier ou de la partager.

Garder la suite a portee

Pour les taches voisines, restez dans la categorie Outils de couleur.

Liens de flux associes

Outils de couleur Vérificateur de contraste Générateur de palettes

Guides utiles

Un guide pratique du contraste des couleurs pour la conception d'interfaces utilisateur

Apprenez les principes fondamentaux de l'accessibilité web et du contraste des couleurs. Comprenez les classements WCAG (AA vs. AAA) et utilisez nos vérifications rapides et nos solutions pratiques pour rendre votre interface utilisateur lisible pour tous.

FAQ

Mes images sont-elles téléversées sur un serveur ?

Non. Votre vie privée est garantie. Tout le traitement se déroule entièrement dans votre navigateur web. Vos images ne quittent jamais votre appareil, et nous ne les voyons ni ne les stockons jamais.

Qu'est-ce que le bouton 'Choisir la couleur à l'écran' ?

Cette fonctionnalité utilise l'API EyeDropper intégrée de votre navigateur (Chrome/Edge/Opera). Elle vous permet de sélectionner une couleur depuis n'importe quelle application ou fenêtre sur tout votre écran, pas seulement depuis l'image dans le navigateur.

Quelle est la différence entre HEX, RGB et HSL ?

HEX (#RRGGBB) est la norme pour la conception web. RGB utilise des valeurs de 0 à 255 pour l'intensité du Rouge, du Vert et du Bleu. HSL (Teinte, Saturation, Luminosité) est souvent plus intuitif pour les humains pour ajuster les propriétés des couleurs.