Vous remarquez une couleur particulière en naviguant sur le web ? Ou avez-vous besoin d’utiliser une teinte spécifique dans votre design pour que tout reste cohérent ? Voici comment obtenir le code RVB ou HEX de n’importe quel pixel à l’écran.
Déterminer la valeur RVB ou HEX d’une couleur à l’écran
L’identification d’une valeur de couleur RVB ou HEX sur un écran ne nécessite pas un œil expert ou un outil coûteux. Sur un PC, il existe plusieurs façons simples d’obtenir un code couleur.
Utiliser l’application PC
La première façon d’obtenir n’importe quelle couleur de l’écran est d’utiliser une application informatique. Cette application est peut-être déjà installée sur votre ordinateur.
Instant Dropper pour Windows
Si vous avez besoin d’obtenir fréquemment des codes de couleur, avoir un outil simple à portée de main vous facilitera la vie. Instant Eyedropper est actuellement une application gratuite exclusivement pour Windows.
Une fois installé, vous pourrez y accéder depuis la barre d’état système. Appuyez simplement sur le bouton gauche de la souris et maintenez-le enfoncé sur la couleur que vous choisissez, puis relâchez-le. L’application copiera instantanément le code couleur dans le presse-papiers et vous pourrez le coller dans n’importe quel programme. Instant Dropper 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 le dossier Applications et recherchez Utilitaires. L’outil Digital Color Meter devrait être là.
En lançant cette application, votre curseur se transformera en une pipette, avec laquelle vous pourrez prélever n’importe quelle couleur sur l’écran. L’application affichera les valeurs RVB par défaut. Vous pouvez les copier et les convertir en HEX plus tard ou modifier les paramètres pour obtenir la couleur exacte souhaitée.
SIP pour Mac
Si vous avez besoin d’un outil plus avancé, vous pouvez consulter le SIP disponible pour Mac. SIP est plus qu’un sélecteur de couleurs. Il offre également de nombreuses 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 capturer les couleurs de presque n’importe quelle partie de l’é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 limitation en téléchargeant une photo ou une capture d’écran à afficher dans votre navigateur.
Utilisez votre navigateur
Le prochain moyen facile d’obtenir une couleur de code RVB ou HEX consiste simplement à utiliser les outils intégrés de votre navigateur. Vous ne pourrez sélectionner les couleurs qu’à partir d’une page Web existante, mais vous pouvez utiliser à la fois Firefox et Chrome pour cela.
Voici où trouver le sélecteur de couleurs Firefox :
- Lancez Firefox et ouvrez le site Web sur lequel vous souhaitez extraire le code couleur.
- Cliquez sur le menu du navigateur (trois lignes horizontales) dans le coin supérieur droit.
- Trouvez les outils de développement Web parmi les options. Cela pourrait être dans la section « Outils supplémentaires ».
- 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 seul clic.
Les étapes sont similaires dans Chrome :
- Lancez Chrome et ouvrez le site Web souhaité.
- Cliquez sur le menu (trois points verticaux) dans le coin supérieur droit et recherchez « Outils de développement » sous « Plus d’outils ».
- Une fenêtre s’ouvrira sur le côté droit de la page. Recherchez et cliquez sur « Styles » dans la deuxième section.
- Sous le « corps », vous verrez un tas de rectangles colorés. Cliquez sur l’un d’eux pour activer le sélecteur de couleur.
Conseils. 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 sélectionnant « Inspecter ».
Utiliser une extension de navigateur
Outre les outils de développement, vous pouvez également utiliser des extensions de navigateur pratiques pour sélectionner n’importe quelle couleur sur une page Web. Découvrez les extensions suivantes, qui font toutes le travail :
Utiliser le site Web
Vous n’avez pas nécessairement besoin d’une application ou d’une extension pour déterminer le code RVB ou HEX d’une couleur. Si vous avez une image spécifique à partir de laquelle vous souhaitez obtenir une couleur, vous pouvez également utiliser le site Web. D’innombrables sites Web vous permettent de télécharger une photo, d’extraire un code couleur ou même de créer une palette harmonieuse.
Sélecteur de couleurs d’image PineTools
Trouvez le sélecteur de couleurs d’image sur le site Web PineTools et téléchargez votre image. Zoomez si nécessaire pour trouver le pixel que vous souhaitez capturer. Vous obtiendrez les valeurs RVB et le code hexadécimal en un seul clic.
Choisir une couleur d’image
Le site Web Image Color Picker propose plusieurs autres options en plus de télécharger une image. Cliquez sur « Utiliser votre image » et choisissez où vous souhaitez importer l’image. Vous pouvez cliquer sur n’importe quelle partie de l’image pour sélectionner une couleur spécifique, mais le site Web propose également une palette de couleurs basée sur l’image.
Recherche de couleur d’image
En plus d’être un simple sélecteur de couleurs, Image Color Finder peut également agir comme un outil créatif. Vous pouvez pixelliser l’image téléchargée pour mieux voir ses couleurs et l’agrandir autant que vous le souhaitez. Le site propose également automatiquement quelques couleurs.
Prendre une capture d’écran
Enfin, vous pouvez déterminer le code couleur sans tous les outils mentionnés ci-dessus. Au lieu de cela, vous prendrez une capture d’écran et choisirez une couleur à partir de là.
- Assurez-vous que la couleur que vous souhaitez sélectionner est visible à l’écran.
- 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 un Mac. Votre capture d’écran sera automatiquement copiée dans votre presse-papiers. Conseil : Vous pouvez également capturer uniquement une partie de l’écran. Sous Windows, ouvrez l’outil Snipping dans le menu Démarrer. Sur un Mac, utilisez le raccourci clavier « Maj + Commande + 4 ».
- Ouvrez MS Paint (ou toute autre application d’imagerie) et collez la capture d’écran.
- Trouvez l’outil Pipette et sélectionnez une couleur.
- 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 convertir ces nombres en code hexadécimal, vous aurez besoin de l’aide du site Web.
- Allez dans RVB vers HEX et entrez les valeurs dans les champs appropriés.
- Cliquez sur « Convertir en hexadécimal » et vous obtiendrez votre code.
FAQ supplémentaires
Quelle est la différence entre RVB et HEX ? De quoi ai-je besoin?
Les codes RVB et HEX expriment les mêmes couleurs. Cependant, le code dont vous avez 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 de codes HEX de couleur.
Comment déterminer la couleur sur un appareil mobile ?
Pour sélectionner une couleur sur l’écran de votre appareil mobile, vous pouvez télécharger l’application ou utiliser l’un des sites Web mentionnés ci-dessus. L’outil de balisage dispose également d’un sélecteur de couleurs pour iOS. Il peut également vous donner le code HEX de la couleur.
Obtenez n’importe quelle couleur que vous voyez en un seul clic
L’utilisation de codes de couleur RVB ou HEX garantit qu’il n’y a aucune possibilité d’erreur. Avec ces langages de couleurs universels, vous pouvez garder vos conceptions cohérentes avec les mêmes teintes. Puisqu’il existe de nombreuses façons d’extraire le code couleur à l’écran, il vous suffit de trouver le moyen le plus simple pour vous.
Quel sélecteur de couleurs préférez-vous ? Ou avez-vous une autre méthode fiable à ajouter? Faites-le nous savoir ci-dessous.
Laisser un commentaire