Les meilleures extensions Chrome Color Picker pour obtenir les codes de couleur HEX, RVB et HSL

Publié: 2022-03-24

Que vous soyez un concepteur Web, 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 ou HSL pour n'importe quelle couleur que vous souhaitez sur le Web. Pointez simplement votre curseur sur la couleur et obtenez le code dont vous avez besoin pour faire correspondre la couleur.

Table des matières

    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

    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 pour enregistrer la couleur dans la liste des extensions.

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

    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 un fichier CSV de votre palette de couleurs avec les codes HEX, RVB et HSL.
    • Ajustez 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 à gauche et pointez votre curseur sur la couleur que vous souhaitez identifier.
    3. Cliquez 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 l'un des codes pour copier les valeurs de couleur dans votre presse-papiers. Sélectionnez ensuite Sélectionner à nouveau ou Fermer .

    Caractéristiques supplémentaires:

    • Utilisez le convertisseur de couleurs et le générateur de dégradés intégrés directement dans l'extension.
    • Tirez parti des raccourcis clavier pour une identification rapide et facile des couleurs.
    • Réglez les paramètres du mode nuit, l'interface, la taille de la loupe pixel, le niveau de zoom, etc.

    3. Choisissez la couleur

    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 , puis sélectionnez la pipette .
    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 pour enregistrer la couleur dans l'extension.

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

    Fonction bonus

    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 dans le menu contextuel.
    2. Déplacez votre curseur sur la couleur et vous verrez le code HEX attaché.
    3. Cliquez pour copier le code HEX de la couleur dans votre presse-papiers.

    4. Sélecteur de couleurs (par linangdata.com)

    Pour une autre extension Chrome avec des fonctionnalités supplémentaires utiles, 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 .
    2. Choisissez Pipette et pointez votre curseur sur la couleur. Vous verrez le code HEX apparaître lorsque vous déplacez votre pointeur.
    3. Cliquez pour enregistrer la couleur dans la liste des extensions et copiez le code HEX dans votre presse-papiers en même temps.
    4. Rouvrez l'extension avec le bouton de la barre d'outils et vous verrez les codes HEX, RVB, HSL, HSV et CMJN. 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 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 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 et déplacez votre curseur sur la couleur. Lorsque vous déplacez votre pointeur, vous verrez les valeurs HEX et RVB dans le coin inférieur droit de la fenêtre de votre navigateur.
    3. Cliquez sur 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 sélectionnée .

    Caractéristiques supplémentaires:

    • Utilisez l'onglet Color Picker pour mélanger vos propres couleurs.
    • Exportez votre historique de couleurs sous forme de fichier CSV avec les codes de couleur.
    • Ajustez 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

    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. Utilisez la liste déroulante à côté de la couleur identifiée pour afficher les codes de couleur RVB ou HSL.
    4. Pour enregistrer la couleur, sélectionnez le signe plus en bas de la fenêtre.

    Caractéristiques supplémentaires:

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

    7. Sélecteur de couleurs facile

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

    1. Sélectionnez le bouton d'extension dans votre barre d'outils.
    2. Choisissez le bouton Choisir en haut à droite et pointez votre curseur sur la couleur. Lorsque vous déplacez votre pointeur, vous verrez les valeurs HEX et RVB dans le coin inférieur droit de la fenêtre de votre navigateur.
    3. Cliquez sur la couleur souhaitée, puis rouvrez l'extension avec le bouton pour afficher les codes HEX, RVB 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 si vous devez coller les valeurs ailleurs.

    8. Sélecteur de couleurs Colorfly

    Le sélecteur de couleurs Colorfly est similaire à Easy Color Picker. Saisissez 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 et pointez votre curseur sur la couleur. Lorsque vous déplacez votre curseur, vous pouvez afficher les valeurs HEX et RVB dans le coin inférieur droit de la fenêtre de votre navigateur.
    3. Cliquez sur la couleur souhaitée et vous verrez les codes HEX, RVB et HSL dans la fenêtre de l'extension. Sélectionnez n'importe quel code de couleur pour le copier dans votre presse-papiers.

    9. Sélecteur de couleurs (par kipelovvycheslav)

    Une autre extension de base du navigateur Chrome 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.

    10. Sélecteur de couleurs intelligent

    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 et pointez votre curseur sur la couleur. Lorsque vous déplacez votre curseur, vous verrez les valeurs HEX et RVB dans le coin inférieur droit de la fenêtre de votre navigateur.
    3. Cliquez sur la couleur souhaitée, puis rouvrez l'extension avec le bouton pour afficher les codes HEX, RVB et HSL. Sélectionnez n'importe quel code de couleur pour le copier dans votre presse-papiers.

    Espérons qu'au moins un de ces sélecteurs de couleurs d'extension Chrome est exactement ce dont vous avez besoin. 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.