blob: 090cf16ce1af959c120ce63abac4d050d1f77ac2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
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>
|
