Trouver le code d'une couleur HTML dans une page web : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
(Page créée avec « Versions Chrome: toutes versions =Présentation= Il peut être utile dans le cadre d'un développement de trouver avec exactitude le code HTML d'une couleur dans une p... »)
 
(→‎Chrome)
 
(13 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
−
[[Versions Chrome]]: toutes versions
+
'''[[Lien court]]''' vers cette page : http://vt.cx/TccGpw
−
=Présentation=
+
'''[[QR code]]''' vers cette page : http://vt.cx/TccGpw.qr
−
Il peut être utile dans le cadre d'un développement de trouver avec exactitude le code HTML d'une couleur dans une page. La bonne vieille méthode consiste à faire une copie d'écran et à importer dans un logiciel de dessin bitmap tel que [[Gimp]] mais il y a mieux et plus rapide en recourant aux extensions disponible pour les navigateurs.
+
<html>
−
=Procédure=
+
<script type="text/javascript"><!--
−
'''Chrome'''<br/>
+
google_ad_client = "ca-pub-3341840374417340";
−
*De nombreuses extensions sont disponibles pour effectuer cette tâche à savoir :
+
/* VT2 */
−
**[https://chrome.google.com/webstore/detail/color-picker/ohcpnigalekghcmgcdcenkpelffpdolg?hl=fr Color Picker]
+
google_ad_slot = "6349432125";
−
**[https://chrome.google.com/webstore/detail/colorpicker-09/jegimleidpfmpepbfajjlielaheedkdo?hl=fr colorPicker]
+
google_ad_width = 468;
−
**[https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=frEye Dropper]
+
google_ad_height = 60;
−
**[https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=fr ColorZilla]
+
//-->
−
* Accès au menu des extensions par [[about:Extensions]]
+
</script>
 +
<script type="text/javascript"
 +
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
 +
</script>
 +
</html>
 +
<br/>
 +
 
 +
= Présentation =
 +
Il peut être utile dans le cadre d'un développement de trouver avec exactitude le '''code [[HTML]]''' d'une '''couleur''' dans une page. La bonne vieille méthode consiste à faire une copie d'écran et à importer dans un logiciel de dessin bitmap tel que '''[[Gimp]]''' mais il y a mieux et plus rapide en recourant aux extensions disponibles pour les '''[[navigateurs]]''' les plus courants.
 +
 
 +
= Procédure =
 +
[[Fichier:Chrome-color-picker-250113.jpg|thumb]]
 +
== [[Chrome]] ==
 +
Sur '''[[Chrome]]''' de nombreuses extensions sont disponibles pour effectuer cette tâche à savoir :
 +
* [https://chrome.google.com/webstore/detail/color-picker/ohcpnigalekghcmgcdcenkpelffpdolg?hl=fr Color Picker]
 +
* [https://chrome.google.com/webstore/detail/colorpicker-09/jegimleidpfmpepbfajjlielaheedkdo?hl=fr colorPicker]
 +
* [https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=frEye Dropper]
 +
* [https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=fr ColorZilla]
 +
* Une fois l'extension choisie, cliquer sur '''Ajouter à [[Chrome]]'''
 +
* Accès au menu des extensions de '''[[Chrome]]''' par '''[[Les raccourcis about: de Chrome|about:Extensions]]'''
 +
* Utilisation de l''''extension''' selon des modalités propres à chacune et disponibles dans la page de chacune aux liens donnés plus haut.
 +
 
 +
== [[Firefox]] ==
 +
Tout comme '''[[Chrome]] [[Firefox]]''' ne manque pas de très bons '''addons''' pour connaître une couleur '''[[HTML]]''' sur un '''page [[Web]]''' :
 +
* [https://addons.mozilla.org/fr/firefox/addon/rainbow-color-tools Rainbow Color Tools]
 +
* [https://addons.mozilla.org/fr/firefox/addon/colorzilla/ ColorZilla]
 +
* [https://addons.mozilla.org/fr/firefox/addon/colorpicker/ colorPicker]
 +
* Une fois l'extension choisie, cliquer sur '''Ajouter à [[Firefox]]'''
 +
* Accès au menu des '''addons''' de '''[[Firefox]]''' par '''about:addons'''
 +
 
 +
= Commentaires =
 +
{{#widget:DISQUS
 +
|id=vulgumtechus
 +
}}

Version actuelle en date du 30 juin 2016 à 17:12

Lien court vers cette page : http://vt.cx/TccGpw
QR code vers cette page : http://vt.cx/TccGpw.qr


Présentation

Il peut être utile dans le cadre d'un développement de trouver avec exactitude le code HTML d'une couleur dans une page. La bonne vieille méthode consiste à faire une copie d'écran et à importer dans un logiciel de dessin bitmap tel que Gimp mais il y a mieux et plus rapide en recourant aux extensions disponibles pour les navigateurs les plus courants.

Procédure

Chrome-color-picker-250113.jpg

Chrome

Sur Chrome de nombreuses extensions sont disponibles pour effectuer cette tâche à savoir :

Firefox

Tout comme Chrome Firefox ne manque pas de très bons addons pour connaître une couleur HTML sur un page Web :

Commentaires

blog comments powered by Disqus

Récupérée de « https://www.vulgumtechus.com/index.php?title=Trouver_le_code_d%27une_couleur_HTML_dans_une_page_web&oldid=30004 »