Que vous soyez un concepteur Web^{(web designer)} , un artiste ou simplement une personne qui souhaite faire correspondre les couleurs, Google Chrome propose plusieurs modules complémentaires dans le Chrome Web Store qui peuvent vous aider.

À l'aide d'une extension Chrome de sélecteur de couleurs , vous pouvez obtenir les valeurs HEX , RVB^(RGB) ou HSL pour n'importe quelle couleur que vous souhaitez sur le Web. Pointez simplement^(Simply) votre curseur sur la couleur et obtenez le code dont vous avez besoin pour faire correspondre la couleur.

Voici 10 extensions de sélecteur de couleurs Chrome en commençant par celles qui ont des fonctionnalités et des fonctionnalités supplémentaires que vous pourriez apprécier.

1. Outil de sélection de couleurs – Geco^{(Color Picker Tool – Geco)}

Vous pouvez obtenir un code couleur pour n'importe quelle couleur que vous voyez sur une page Web avec Color Picker Tool - Geco .

1. Sélectionnez le bouton d'extension dans votre barre d'outils.
2. Pointez votre curseur sur la couleur que vous souhaitez identifier.
3. Cliquez^(Click) pour enregistrer la couleur dans la liste des extensions.

Vous verrez alors les codes HEX , RGB et HSL dans les sections Nouveau^(New) et Sélectionné de la fenêtre de l'extension. ^(Picked)Sélectionnez une couleur précédente que vous avez identifiée et vous verrez ces codes dans la section Nouveau^(New) .

Caractéristiques supplémentaires:

• Copiez automatiquement le code couleur HEX dans votre presse-papiers pour le coller facilement là où vous en avez besoin.
• Téléchargez^(Download) un fichier CSV de votre palette de couleurs avec les codes HEX , RVB^(RGB) et HSL .
• Ajustez^(Adjust) les paramètres de copie dans votre presse-papiers, activez une notification et utilisez un clic droit.

2. AKColor

Utilisez l'outil pipette d' AKColor pour saisir le code couleur de n'importe quel site que vous voyez sur le Web.

1. Sélectionnez le bouton d'extension dans votre barre d'outils.
2. Choisissez la pipette^(eyedropper) à gauche et pointez votre curseur sur la couleur que vous souhaitez identifier.
3. Cliquez^(Click) pour afficher les codes de couleur ainsi que la couleur la plus proche et la couleur moyenne de la zone.

Vous verrez une belle fenêtre contextuelle avec les codes de couleur pour RGB , RGBA , HEX , HSL et HSLA . Choisissez^(Choose) l'un des codes pour copier les valeurs de couleur dans votre presse-papiers. Sélectionnez ensuite Sélectionner à nouveau^{(Pick Again)} ou Fermer^{( Close)} .

Caractéristiques supplémentaires:

• Utilisez le convertisseur de couleurs^{(Color Converter)} et le générateur de dégradés^{(Gradient Generator)} intégrés directement dans l'extension.
• Tirez^(Take) parti des raccourcis clavier pour une identification rapide et facile des couleurs.
• Ajustez^(Adjust) les paramètres du mode nuit, l'interface, la taille de la loupe pixel, le niveau de zoom, etc.

3. Choisissez la couleur^{(Pick Color)}

Si vous recherchez un sélecteur de couleurs que vous pouvez utiliser ailleurs que sur le Web, Pick Color est l'outil qu'il vous faut.

1. Sélectionnez le bouton d'extension dans votre barre d'outils.
2. Choisissez Choisissez votre couleur^{(Choose Your Color)} , puis sélectionnez la pipette^(eyedropper) .
3. Pointez votre curseur sur la couleur que vous souhaitez identifier. Cela peut être sur un site Web, votre bureau ou dans une autre application.
4. Cliquez^(Click) pour enregistrer la couleur dans l'extension.

Vous verrez alors les codes de couleur HEX , RGB et HSL dans la fenêtre de l'extension. ^(HSL)Vous pouvez copier le code HEX en sélectionnant l'icône de copie à droite de celui-ci. ^(HEX)Pour copier les valeurs RVB^(RGB) ou HSL , descendez jusqu'à la section ci-dessous et utilisez ces icônes de copie.

Fonction bonus^{(Bonus Feature)}

Avec Pick Color , vous pouvez identifier rapidement une couleur sur une page Web et copier le code HEX dans votre presse-papiers en quelques clics.

1. Cliquez avec le bouton droit sur la page Web et sélectionnez Choisir une couleur sur la page^{(Pick a color on the page)} dans le menu contextuel.
2. Déplacez votre curseur sur la couleur et vous verrez le code HEX attaché.^(HEX)
3. Cliquez^(Click) pour copier le code HEX de la couleur dans votre presse-papiers.^(HEX)

4. Sélecteur de couleurs^{(Color Picker)} (par linangdata.com)

Pour une autre extension Chrome avec des fonctionnalités supplémentaires utiles^{(Chrome extension with useful extra features)} , jetez un œil à Color Picker de linangdata.com.

1. Sélectionnez le bouton d'extension dans votre barre d'outils et accédez à l' onglet Pipette .^(Eyedropper)
2. Choisissez Pipette^(Eyedropper) et pointez votre curseur sur la couleur. Vous verrez le code HEX apparaître lorsque vous déplacez votre pointeur.
3. Cliquez^(Click) pour enregistrer la couleur dans la liste des extensions et copiez le code HEX dans votre presse-papiers en même temps.^(HEX)
4. Rouvrez l'extension avec le bouton de la barre d'outils et vous verrez les codes HEX , RVB^(RGB) , HSL , HSV et CMJN^(CMYK) . Sélectionnez l'icône de copie à droite de l'un des codes pour le placer dans votre presse-papiers.

Caractéristiques supplémentaires:

• Utilisez l' onglet Color Picker pour afficher les couleurs principales avec leurs codes de couleur.
• Essayez l' onglet Échelle de couleurs^{(Color Scale )} pour afficher différentes nuances de couleurs avec leurs codes de couleur.
• Consultez l' onglet Color Blender pour multiplier, assombrir, éclaircir et superposer les couleurs.

5. Compte-gouttes^{(Eye Dropper)}

Eye Dropper est une belle option de sélection de couleurs pour Chrome avec quelques bonus que vous pourriez aimer.

1. Sélectionnez le bouton d'extension dans votre barre d'outils.
2. Choisissez Choisir la couleur de la page Web^{(Pick color from web page)} et déplacez votre curseur sur la couleur. Lorsque vous déplacez votre pointeur, vous verrez les valeurs HEX et RVB^(RGB) dans le coin inférieur droit de la fenêtre de votre navigateur.
3. Cliquez sur^(Click) la couleur pour l'enregistrer dans la liste des extensions.
4. Lorsque vous rouvrez l'extension, vous verrez les codes de couleur HEX , HSL et RVB ainsi que le nom de cette couleur dans la section Couleur ^(RGB)sélectionnée^(Selected) . 

Caractéristiques supplémentaires:

• Utilisez l' onglet Color Picker pour mélanger vos propres couleurs.
• Exportez^(Export) votre historique de couleurs sous forme de fichier CSV avec les codes de couleur.
• Ajustez^(Adjust) les paramètres de copie dans votre presse-papiers, modifiez l'apparence du pointeur et désactivez les informations de couleur lorsque vous déplacez votre curseur.

6. Crevettes noires^{(Black-shrimp)}

Si vous souhaitez identifier les couleurs, puis les regrouper pour un accès rapide, consultez Black-shrimp .

1. Sélectionnez le bouton d'extension dans votre barre d'outils. Cela ouvre la petite fenêtre du module complémentaire sur la gauche.
2. Pointez votre curseur sur la couleur que vous souhaitez identifier et cliquez.
3. Vous verrez immédiatement le code HEX dans la fenêtre. ^(HEX)Utilisez la liste déroulante à côté de la couleur identifiée pour afficher les codes de couleur RVB^(RGB) ou HSL .
4. Pour enregistrer la couleur, sélectionnez le signe plus^{(plus sign)} en bas de la fenêtre.

Caractéristiques supplémentaires:

• Ajoutez un groupe à l'aide de l' icône de dossier^(folder) et faites-y glisser les couleurs enregistrées.
• Exportez^(Export) vos couleurs enregistrées sous forme de fichier ASE ( Adobe Swatch Exchange ).
• Utilisez^(Use) les raccourcis clavier pour ajouter une couleur, créer un groupe, supprimer ou exporter.

7. Sélecteur de couleurs facile^{(Easy Color Picker)}

Si les fonctionnalités supplémentaires sophistiquées ne vous conviennent pas et que vous souhaitez une simple extension, jetez un œil à Easy Color Picker .

1. Sélectionnez le bouton d'extension dans votre barre d'outils.
2. Choisissez le bouton Choisir^(Pick) en haut à droite et pointez votre curseur sur la couleur. Lorsque vous déplacez votre pointeur, vous verrez les valeurs HEX et RVB^(RGB) dans le coin inférieur droit de la fenêtre de votre navigateur.
3. Cliquez sur^(Click) la couleur souhaitée, puis rouvrez l'extension avec le bouton pour afficher les codes HEX , RVB^(RGB) et HSL .

Bien qu'il n'y ait pas d'options de copie simples pour les codes de couleur, vous pouvez cliquer avec le bouton droit de la souris dans chaque case et sélectionner Copier^(Copy) si vous devez coller les valeurs ailleurs.

8. Sélecteur de couleurs Colorfly^{(Colorfly Color Picker)}

Semblable à Easy Color Picker est Colorfly Color Picker . Saisissez^(Grab) la couleur, affichez le code et copiez les valeurs si nécessaire.

1. Sélectionnez le bouton d'extension dans votre barre d'outils.
2. Choisissez le bouton Choisir une couleur^{(Pick Color)} et pointez votre curseur sur la couleur. Lorsque vous déplacez votre curseur, vous pouvez afficher les valeurs HEX et RVB^(RGB) dans le coin inférieur droit de la fenêtre de votre navigateur.
3. Cliquez sur^(Click) la couleur souhaitée et vous verrez les codes HEX , RGB et HSL dans la fenêtre de l'extension. Sélectionnez^(Select) n'importe quel code de couleur pour le copier dans votre presse-papiers.

9. Sélecteur de couleurs^{(Color Picker)} (par kipelovvycheslav)

Une autre extension de base du navigateur Chrome^{(Chrome browser extension)} porte le même nom qu'une autre de notre liste, Color Picker , celle-ci de kipelovvycheslav.

1. Sélectionnez le bouton d'extension dans votre barre d'outils.
2. Pointez votre curseur sur la couleur que vous souhaitez identifier et cliquez.
3. Rouvrez l'extension pour voir les codes de couleur HEX , HSL et RVB .^(RGB)

10. Sélecteur de couleurs intelligent^{(Smart Color Picker)}

Une dernière extension Chrome simple et sans fioritures est Smart Color Picker .

1. Sélectionnez le bouton d'extension dans votre barre d'outils.
2. Choisissez le bouton Choisir une couleur^{(Pick Color)} et pointez votre curseur sur la couleur. Lorsque vous déplacez votre curseur, vous verrez les valeurs HEX et RVB^(RGB) dans le coin inférieur droit de la fenêtre de votre navigateur.
3. Cliquez sur^(Click) la couleur souhaitée, puis rouvrez l'extension avec le bouton pour afficher les codes HEX , RVB^(RGB) et HSL . Sélectionnez^(Select) n'importe quel code de couleur pour le copier dans votre presse-papiers.

J'espère qu'au moins un de ces sélecteurs de couleurs d'extension Chrome est exactement ce dont vous avez besoin. ^(Chrome)Que vous aimiez les fonctionnalités supplémentaires ou que vous préfériez rester simple, ce sont toutes d'excellentes options.

Pour une aide supplémentaire, découvrez comment installer ou supprimer des extensions dans Chrome^{(install or remove extensions in Chrome)} .

The Best Color Picker Chrome Extensions to Get HEX, RGB, and HSL Color Codes

Whether yоu’re a web designer, artist, or just a person who wants to match colors, Google Chrome offers several add-ons in the Chrome Web Store that can help.

Using a color picker Chrome extension, you can obtain the HEX, RGB, or HSL values for any color you want on the web. Simply point your cursor to the color and get the code you need to match the color.

Here are 10 Chrome color picker extensions starting with those that have extra features and functionality you might enjoy.

1. Color Picker Tool – Geco

You can obtain a color code for any color you see on a webpage with Color Picker Tool – Geco.

1. Select the extension button in your toolbar.
2. Point your cursor at the color you want to identify.
3. Click to save the color in the extension’s list.

You’ll then see the HEX, RGB, and HSL codes in the New and Picked sections of the extension’s window. Select a previous color you’ve identified, and you’ll see those codes in the New section.

Additional Features:

• Automatically copy the HEX color code to your clipboard for easy pasting where needed.
• Download a CSV file of your color palette with HEX, RGB, and HSL codes.
• Adjust settings for copying to your clipboard, enabling a notification, and using a right-click.

2. AKColor

Use the eyedropper tool from AKColor to grab the color code from any site you see on the web.

1. Select the extension button in your toolbar.
2. Choose the eyedropper on the left and point your cursor at the color you want to identify.
3. Click to view the color codes along with the closest color and average color of the area.

You’ll see a nice pop-up window with the color codes for RGB, RGBA, HEX, HSL, and HSLA. Choose any of the codes to copy the color values to your clipboard. Then, select Pick Again or Close.

Additional Features:

• Use the Color Converter and Gradient Generator built right into the extension.
• Take advantage of keyboard shortcuts for quick and easy color identification.
• Adjust settings for night mode, the interface, the size of the pixel magnifier, the zoom level, and more.

3. Pick Color

If you’re looking for a color picker that you can use in other locations rather than just the web, Pick Color is the tool for you.

1. Select the extension button in your toolbar.
2. Pick Choose Your Color and then select the eyedropper.
3. Point your cursor at the color you want to identify. This can be on a website, your desktop, or in another application.
4. Click to save the color in the extension.

You’ll then see the HEX, RGB, and HSL color codes in the extension’s window. You can copy the HEX code by selecting the copy icon on the right of it. To copy the RGB or HSL values, move down to the section beneath and use those copy icons.

Bonus Feature

With Pick Color, you can quickly identify a color on a webpage and copy the HEX code to your clipboard with a couple of clicks.

1. Right-click the webpage and select Pick a color on the page from the shortcut menu.
2. Move your cursor to the color and you’ll see the HEX code attached.
3. Click to copy the color’s HEX code to your clipboard.

4. Color Picker (by linangdata.com)

For another Chrome extension with useful extra features, take a look at Color Picker from linangdata.com.

1. Select the extension button in your toolbar and go to the Eyedropper tab.
2. Choose Eyedropper and point your cursor at the color. You’ll see the HEX code appear as you move your pointer.
3. Click to save the color in the extension’s list and copy the HEX code to your clipboard at the same time.
4. Reopen the extension with the toolbar button and you’ll see the HEX, RGB, HSL, HSV, and CMYK codes. Select the copy icon to the right of any one of the codes to place it on your clipboard.

Additional Features:

• Use the Color Picker tab to display prime colors with their color codes.
• Try the Color Scale tab to view different color shades with their color codes.
• Check out the Color Blender tab to multiply, darken, lighten, and overlay colors.

5. Eye Dropper

Eye Dropper is a nice color picking option for Chrome with a few bonuses you might like.

1. Select the extension button in your toolbar.
2. Choose Pick color from web page and move your cursor to the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color to save it to the extension’s list.
4. When you reopen the extension, you’ll see the HEX, HSL, and RGB color codes along with that color’s name in the Selected color section. 

Additional Features:

• Use the Color Picker tab to mix your own colors.
• Export your color history as a CSV file with the color codes.
• Adjust settings for copying to your clipboard, changing the pointer appearance, and disabling the color information as you move your cursor.

6. Black-shrimp

If you want to identify colors and then group them for quick access, check out Black-shrimp.

1. Select the extension button in your toolbar. This opens the add-on’s small window on the left.
2. Point your cursor to the color you want to identify and click.
3. You’ll immediately see the HEX code in the window. Use the drop-down box next to the identified color to view the RGB or HSL color codes.
4. To save the color, select the plus sign at the bottom of the window.

Additional Features:

• Add a group using the folder icon and drag saved colors into it.
• Export your saved colors as an ASE (Adobe Swatch Exchange) file.
• Use keyboard shortcuts to add a color, create a group, delete, or export.

7. Easy Color Picker

If fancy extra features aren’t for you and you want a simple extension, take a look at Easy Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick button on the top right and point your cursor at the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes.

Although there are no simple copy options for the color codes, you can right-click inside each box and select Copy if you need to paste the values elsewhere.

8. Colorfly Color Picker

Similar to Easy Color Picker is Colorfly Color Picker. Grab the color, view the code, and copy values if needed.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you can view the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want, and you’ll see the HEX, RGB, and HSL codes in the extension’s window. Select any color code to copy it to your clipboard.

9. Color Picker (by kipelovvycheslav)

Another basic Chrome browser extension has the same name as another in our list, Color Picker, this one from kipelovvycheslav.

1. Select the extension button in your toolbar.
2. Point your cursor to the color you want to identify and click.
3. Reopen the extension to see the HEX, HSL, and RGB color codes.

10. Smart Color Picker

One final, simple Chrome extension without bells and whistles is Smart Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes. Select any color code to copy it to your clipboard.

Hopefully at least one of these Chrome extension color pickers is just what you need. Whether you like extra features or prefer to keep it simple, they’re all great options.

For additional help, take a look at how to install or remove extensions in Chrome.

Related posts

• 3 meilleures extensions VPN Chrome pour une navigation Web sécurisée

• 9 meilleures extensions OpenOffice que vous devriez installer maintenant

• 6 Best Reddit Alternatives Vous pouvez utiliser gratuitement

• Le 6 Best Online Paraphrasing Tools à Rewrite Text

• 7 Best Apps and Websites pour regarder Videos Together

• Les 6 Best Pregnancy Apps de 2021

• Les 7 meilleurs lecteurs PDF pour Windows en 2020

• Le 5 Best Apps à Acheter Stocks pour Free

• Le 8 Best Online Sequencers pour les amateurs de Music

• 7 Best iTunes Alternatives pour gérer votre Music Collection

• 5 meilleures applications de talkie-walkie pour vos randonnées

• 5 Best Spotify Alternatives pour Music Streaming

• Meilleur logiciel gratuit de suppression de logiciels espions et de logiciels malveillants

• Le Best Apps pour faire Video Calls Between Android and iPhone

• Le 9 Best Discord Voice Changer Software (2021)

• 10 meilleurs bots Discord que chaque propriétaire de serveur devrait essayer

• Le Best Parental Control Software pour Windows 10

• Le 5 Best Cash Advance Apps pour iPhone and Android

• Les 9 meilleures applications de suivi des calories pour iPhone et Android

• Les 13 Best Alternatives gratuites à Microsoft Visio