diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:36:08 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:36:08 +0100 |
commit | 39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch) | |
tree | 66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/tools/eyedropper | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-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.html | 47 |
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 > Inspecteur</a> > 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> |