---
title: Pipette à couleur
slug: Tools/Eyedropper
tags:
  - Firefox
  - Tools
  - Web Development:Tools
translation_of: Tools/Eyedropper
original_slug: Outils/Pipette_à_couleur
---
<div>{{ToolsSidebar}}</div><div class="geckoVersionNote">
<p>La pipette à couleur est unes des nouvautées de Firefox 31.</p>
</div>

<p>La pipette à couleur vous permet de sélectionner des couleurs dans la page courante. Cela marche comme une loupe au-dessus de la page, vous permettant de sélectionner au pixel près. En dessous de la loupe, le code couleur du pixel courant est affiché sous le format choisi dans <a href="/fr/docs/Tools/Settings#Inspector">Options &gt; Inspecteur</a> &gt; Unité par défaut pour les couleurs :</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/7749/eyedropper.png" style="display: block; height: 204px; margin-left: auto; margin-right: auto; width: 305px;">Vous pouvez l'utiliser de deux manières :</p>

<ul>
 <li>pour sélectionner une couleur depuis la page et la copier dans le presse-papier</li>
 <li>pour changer une couleur dans l'inspecteur web vers une couleur que vous avez sélectionnée dans la page</li>
</ul>

<h2 id="Copier_une_couleur_dans_le_presse-papier">Copier une couleur dans le presse-papier</h2>

<p>Ouvrez la pipette d'une des deux manières suivantes :</p>

<ul>
 <li>Sélectionnez "Pipette" dans le menu "Développement web"</li>
 <li>Cliquez sur le bouton pipette dans la <a href="/fr/docs/Tools_Toolbox#Toolbar">Barre d'outils de la boîte à outils</a></li>
</ul>

<p>En même temps que vous bougez votre curseur sur la page, vous voyez la couleur associée dans la pipette. Cliquez pour copier le code couleur dans le presse-papier.</p>

<p>{{EmbedYouTube("xf2uk6UyRB8")}}</p>

<h2 id="Changer_la_valeur_d'une_couleur_dans_la_colonne_vue.">Changer la valeur d'une couleur dans la colonne vue.</h2>

<p>Les valeurs des couleurs qui apparaissent dans la partie Règle de l'Inspecteur ont un échantillon de la couleur à côté d'elles : cliquer sur l'échantillon fait apparaître <a href="/fr/docs/Tools/Page_Inspector#Color_picker">une fenêtre de sélection de couleurs</a>. Depuis Firefox 31, cette fenêtre contient aussi une petite pipette : cliquer sur l'icône active la Pipette.</p>

<p>Maintenant, lorsque vous cliquez sur la Pipette, la couleur dans la colonne Règle a pour valeur la couleur que vous avez choisie.</p>

<p><br>
 {{EmbedYouTube("0Zx1TN21QOo")}}</p>

<h2 id="Raccourcis_clavier">Raccourcis clavier</h2>

<p>{{ Page ("fr/docs/Outils/Keyboard_shortcuts", "Pipette") }}</p>