Comment identifier une couleur sur un écran dordinateur

Le monde numérique traduit les couleurs qui nous entourent en simples combinaisons de lettres et de chiffres. Pour arracher n'importe quelle couleur que vous aimez, il vous suffit d'obtenir son code, et vous pourrez le reproduire.

Comment identifier une couleur sur un écran d'ordinateur

Une couleur spécifique a attiré votre attention lorsque vous naviguez sur le Web ? Ou avez-vous besoin d'utiliser une teinte particulière dans votre conception pour que les choses restent cohérentes ? Voici comment saisir le code RVB ou HEX de n'importe quel pixel sur votre écran.

Identifier la valeur RVB ou HEX de la couleur à l'écran

L'identification de la valeur RVB ou HEX d'une couleur sur votre écran ne nécessite pas un œil expert ou un outil coûteux. Sur PC, il existe plusieurs façons simples d'obtenir votre code couleur.

Utiliser une application PC

Comment identifier une couleur sur un écran d'ordinateur

La première façon de capter n'importe quelle couleur de votre écran consiste à utiliser une application informatique. Vous avez peut-être déjà cette application sur votre PC.

Pipette instantanée pour Windows

Comment identifier une couleur sur un écran d'ordinateur

Si vous avez souvent besoin de saisir des codes de couleur, avoir un outil simple à portée de main vous facilitera la vie. Instant Eyedropper est une application gratuite exclusivement pour Windows à partir de maintenant.

Une fois installé, vous pourrez y accéder à partir de votre barre d'état système. Appuyez simplement sur le bouton gauche de la souris et maintenez-le enfoncé sur la couleur de votre choix, puis relâchez-le. L'application copiera instantanément le code couleur dans votre presse-papiers et vous pourrez le coller dans le programme de votre choix. Instant Eyedropper fonctionne sur Windows XP-10.

Colorimètre numérique pour Mac

Digital Color Meter est un outil similaire préinstallé sur les appareils Mac. Ouvrez votre dossier Applications et recherchez Utilitaires. L'outil Digital Color Meter devrait être là.

L'exécution de cette application transformera votre curseur en une pipette que vous pourrez utiliser pour prélever n'importe quelle couleur sur votre écran. L'application affichera les valeurs RVB par défaut. Vous pouvez les copier et les convertir en HEX plus tard ou modifier les options pour obtenir la couleur exacte que vous souhaitez.

SIP pour Mac

Si vous avez besoin d'un outil plus avancé, vous pouvez consulter SIP, disponible pour Mac. SIP est plus qu'un sélecteur de couleurs. Il offre également une multitude de fonctionnalités avancées que tout concepteur de sites Web appréciera. Vous pouvez facilement modifier vos couleurs, les organiser en palettes et modifier leurs formats en fonction de vos besoins.

Malheureusement, SIP n'est pas un outil gratuit, mais ils offrent un essai gratuit. Vous pouvez l'essayer pour voir si les fonctionnalités supplémentaires valent votre argent.

L'avantage de ces applications de bureau est qu'elles peuvent saisir les couleurs de pratiquement n'importe quelle partie de votre écran. Les outils de navigation ci-dessous ne peuvent le faire qu'à l'intérieur des pages Web. Bien sûr, vous pouvez contourner cette restriction en téléchargeant une photo ou une capture d'écran pour l'afficher dans votre navigateur.

Utilisez votre navigateur

La méthode simple suivante pour obtenir la couleur du code RVB ou HEX consiste simplement à utiliser les outils intégrés de votre navigateur. Vous ne pourrez choisir les couleurs que sur la page Web à portée de main, mais vous pouvez utiliser à la fois Firefox et Chrome pour cela.

Voici où trouver l'outil de sélection de couleurs de Firefox :

  1. Lancez Firefox et ouvrez le site Web sur lequel vous souhaitez extraire un code couleur.
    Comment identifier une couleur sur un écran d'ordinateur
  2. Cliquez sur le menu de votre navigateur (trois lignes horizontales) dans le coin supérieur droit.
    Comment identifier une couleur sur un écran d'ordinateur
  3. Trouvez les outils de développement Web parmi les options. Cela pourrait être sous "Plus d'outils".
    Comment identifier une couleur sur un écran d'ordinateur
    Comment identifier une couleur sur un écran d'ordinateur
  4. Une fenêtre s'ouvrira en bas de la page. Trouvez l'icône de la pipette et vous pourrez copier les codes de couleur en un clic.
    Comment identifier une couleur sur un écran d'ordinateur

Les étapes sont similaires dans Chrome :

  1. Lancez Chrome et ouvrez le site Web de votre choix.
    Comment identifier une couleur sur un écran d'ordinateur
    Comment identifier une couleur sur un écran d'ordinateur
  2. Cliquez sur le menu (trois points verticaux) dans le coin supérieur droit et recherchez les "Outils de développement" sous "Plus d'outils".
    Comment identifier une couleur sur un écran d'ordinateur
  3. Une fenêtre s'ouvrira sur le côté droit de la page. Recherchez et cliquez sur "Styles" dans la deuxième section.
    Comment identifier une couleur sur un écran d'ordinateur
  4. Sous "corps", vous verrez un tas de cases colorées. Cliquez sur l'un d'eux pour activer le sélecteur de couleur.
    Comment identifier une couleur sur un écran d'ordinateur

Conseil : Vous pouvez également ouvrir les outils de développement dans les deux navigateurs en cliquant avec le bouton droit sur n'importe quelle page et en choisissant "Inspecter".

Utiliser une extension de navigateur

Outre les outils de développement, vous pouvez également utiliser des extensions de navigateur pratiques pour choisir n'importe quelle couleur sur une page Web. Découvrez les extensions suivantes qui font toutes le travail :

Utiliser un site Web

Vous n'avez pas nécessairement besoin d'une application ou d'une extension pour identifier le code RVB ou HEX d'une couleur. Si vous souhaitez extraire une couleur d'une image spécifique, vous pouvez également utiliser un site Web. D'innombrables sites Web permettent de télécharger une photo, d'extraire un code couleur ou encore de générer une palette harmonieuse.

Sélecteur de couleurs d'image PineTools

Comment identifier une couleur sur un écran d'ordinateur

Trouvez l'outil Image Color Picker sur le site Web PineTools et téléchargez votre image. Zoomez si nécessaire pour trouver le pixel que vous souhaitez saisir. Vous obtiendrez les valeurs RVB et le code HEX d'un simple clic.

Sélecteur de couleurs d'image

Comment identifier une couleur sur un écran d'ordinateur

Le site Web Image Color Picker propose plusieurs autres options que le simple téléchargement d'images. Cliquez sur "Utiliser votre image" et choisissez où vous souhaitez importer une image. Vous pouvez cliquer sur n'importe quelle partie de l'image pour une couleur spécifique, mais le site Web suggère également une palette de couleurs basée sur l'image.

Recherche de couleur d'image

Comment identifier une couleur sur un écran d'ordinateur

Outre un simple sélecteur de couleurs, Image Color Finder peut également fonctionner comme un outil créatif. Vous pouvez pixelliser l'image téléchargée pour un meilleur aperçu de ses couleurs et zoomer autant que vous le souhaitez. Le site propose également automatiquement quelques couleurs.

Prendre une capture d'écran

Enfin, vous pouvez identifier le code couleur sans tous les outils mentionnés ci-dessus. Au lieu de cela, vous prendrez une capture d'écran et choisirez la couleur à partir de là.

  1. Assurez-vous que la couleur que vous souhaitez choisir est visible sur votre écran.
  2. Prenez une capture d'écran en appuyant sur le bouton Impr écran de votre clavier (PrntScr, PrtScn, etc.) sous Windows ou en appuyant simultanément sur "Maj + Commande + 3" sur Mac. Votre capture d'écran sera automatiquement copiée dans votre presse-papiers.
    Comment identifier une couleur sur un écran d'ordinateur
    Conseil : Vous pouvez également capturer uniquement une partie de votre écran. Sous Windows, ouvrez l'outil Snipping à partir du menu Démarrer. Sur Mac, utilisez le raccourci "Maj + Commande + 4".
  3. Ouvrez MS Paint (ou toute autre application de traitement d'image) et collez la capture d'écran.
  4. Trouvez l'outil Pipette et choisissez une couleur.
    Comment identifier une couleur sur un écran d'ordinateur
  5. Cliquez sur "Modifier les couleurs" à côté de la palette de couleurs dans MS Paint. Sous le curseur, vous verrez les valeurs RVB de votre couleur actuelle.
    Pour transformer ces chiffres en un code HEX, vous aurez besoin de l'aide d'un site Web.
  6. Dirigez-vous vers RVB vers HEX et entrez les valeurs dans les champs appropriés.
    Comment identifier une couleur sur un écran d'ordinateur
  7. Cliquez sur « Convertir en hexadécimal » et vous obtiendrez votre code.
    Comment identifier une couleur sur un écran d'ordinateur

FAQ supplémentaires

Quelle est la différence entre RVB et HEX ? Lequel ai-je besoin ?

Les codes RVB et HEX expriment les mêmes couleurs. Néanmoins, le code dont vous aurez besoin dépend de son utilisation prévue. Les codes RVB indiquent à votre écran la quantité de lumière rouge, verte et bleue à émettre pour produire la couleur souhaitée. Les codes HEX transmettent les mêmes informations mais dans le langage de codage.

Un concepteur ou un développeur aura très probablement besoin des codes de couleurs HEX.

Comment identifier une couleur sur un appareil mobile ?

Pour choisir une couleur sur l'écran de votre appareil mobile, vous pouvez télécharger une application ou utiliser l'un des sites Web mentionnés ci-dessus. Il existe également un outil de sélection de couleurs pour iOS dans l'outil de balisage. Il peut également vous donner le code de couleur HEX.

Obtenez n'importe quelle couleur que vous voyez en un seul clic

L'utilisation des codes de couleur RVB ou HEX garantit qu'il n'y a aucun risque d'erreur. Grâce à ces langages de couleurs universels, vous pouvez garder vos conceptions cohérentes avec les mêmes nuances. Puisqu'il existe de nombreuses façons d'extraire le code couleur à l'écran, il vous suffit de trouver la méthode la plus simple pour vous.

Quel outil de sélection de couleurs préférez-vous ? Ou avez-vous une autre méthode de confiance à ajouter ? Faites-le nous savoir ci-dessous.

Sign up and earn $1000 a day ⋙

Leave a Comment

Comment changer la couleur des liens dans un document Google

Comment changer la couleur des liens dans un document Google

Découvrez comment personnaliser la couleur des liens dans un document Google avec des étapes simples. Apprenez à utiliser le module complémentaire Style de lien pour une plus grande flexibilité.

Types de filtres Snapchat : une liste

Types de filtres Snapchat : une liste

Découvrez les différents types de filtres Snapchat pour personnaliser vos photos et vidéos. Apprenez comment les utiliser et créer vos propres filtres Snapchat.

Comment afficher licône Ce PC sur le bureau Windows 11

Comment afficher licône Ce PC sur le bureau Windows 11

Découvrez les étapes simples pour afficher l

Comment enregistrer tous les onglets dans Chrome

Comment enregistrer tous les onglets dans Chrome

Découvrez comment enregistrer tous vos onglets dans Google Chrome, ainsi que les meilleures méthodes et extensions pour une navigation efficace.

Comment partager une présentation PowerPoint sur Zoom

Comment partager une présentation PowerPoint sur Zoom

Apprenez à partager efficacement vos présentations PowerPoint sur Zoom avec ces méthodes pratiques. Optimisez vos réunions en ligne avec des outils faciles à utiliser.

Comment réparer lerreur déchec du chargement des messages sur Discord pour Windows

Comment réparer lerreur déchec du chargement des messages sur Discord pour Windows

Découvrez comment corriger l\

Comment utiliser leffet de zoom avec CapCut

Comment utiliser leffet de zoom avec CapCut

Découvrez comment utiliser l

Comment effacer le formatage dans Google Docs

Comment effacer le formatage dans Google Docs

Découvrez comment effacer la mise en forme dans Google Docs pour un résultat uniforme et professionnel. Nous vous présentons des solutions efficaces pour coller du texte sans formatage.

Comment se débarrasser de #Div/0 dans Google Sheets

Comment se débarrasser de #Div/0 dans Google Sheets

Découvrez comment résoudre l’erreur #Div/0 dans Google Sheets avec nos conseils pratiques et nos formules. Améliorez votre efficacité dans la gestion des données.

Comment désactiver les péages dans Google Maps

Comment désactiver les péages dans Google Maps

Découvrez comment éviter les péages sur Google Maps, un outil essentiel pour gagner du temps et de l

Comment créer un masque décrêtage et un héritage alpha dans Krita

Comment créer un masque décrêtage et un héritage alpha dans Krita

Apprenez à créer des masques de décrêtage et à gérer l

Comment utiliser les images clés dans CapCut

Comment utiliser les images clés dans CapCut

Découvrez comment les images clés dans CapCut peuvent améliorer vos vidéos en créant des animations fluides et des transitions dynamiques. Suivez notre guide pour maîtriser ces techniques.

Que signifie ouvert dans Snapchat ?

Que signifie ouvert dans Snapchat ?

Découvrez ce que signifie le statut "ouvert" dans Snapchat, ainsi que les différents statuts de messages et leurs icônes. Apprenez à les identifier facilement pour améliorer votre expérience sur cette plateforme.

Erreur de CODEC audio haute définition IDT {résolu}

Erreur de CODEC audio haute définition IDT {résolu}

Découvrez comment résoudre l

Comment supprimer votre Bitmoji 3D et le supprimer définitivement

Comment supprimer votre Bitmoji 3D et le supprimer définitivement

Découvrez comment supprimer définitivement votre Bitmoji 3D sur Snapchat. Suivez notre guide détaillé et apprenez à améliorer votre expérience Snapchat avec des options de personnalisation.

Sign up and Earn ⋙