aboutsummaryrefslogtreecommitdiff
path: root/files/fr/tools/eyedropper
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
commit39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch)
tree66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/tools/eyedropper
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.gz
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.bz2
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.zip
unslug fr: move
Diffstat (limited to 'files/fr/tools/eyedropper')
-rw-r--r--files/fr/tools/eyedropper/index.html47
1 files changed, 47 insertions, 0 deletions
diff --git a/files/fr/tools/eyedropper/index.html b/files/fr/tools/eyedropper/index.html
new file mode 100644
index 0000000000..090cf16ce1
--- /dev/null
+++ b/files/fr/tools/eyedropper/index.html
@@ -0,0 +1,47 @@
+---
+title: Pipette à couleur
+slug: Outils/Pipette_à_couleur
+tags:
+ - Firefox
+ - Tools
+ - 'Web Development:Tools'
+translation_of: Tools/Eyedropper
+---
+<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>