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

De Vulgum Techus
Aller à : Navigation, rechercher
(Procédure)
(Procédure)
Ligne 4 : Ligne 4 :
 
=Procédure=
 
=Procédure=
 
'''Chrome'''<br/>
 
'''Chrome'''<br/>
*Sur Chrome de nombreuses extensions sont disponibles pour effectuer cette tâche à savoir :
+
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/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/colorpicker-09/jegimleidpfmpepbfajjlielaheedkdo?hl=fr colorPicker]
**[https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=frEye Dropper]
+
*[https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=frEye Dropper]
**[https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=fr ColorZilla]
+
*[https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=fr ColorZilla]
 
*Une fois l'extension choisie, cliquer sur "Ajouter à Chrome"
 
*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]]
 
*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.
 
*Utilisation de l'extension selon des modalités propres à chacune et disponibles dans la page de chacune aux liens donnés plus haut.
 +
<br/>
 +
'''Firefox'''<br/>
 +
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

Version du 25 janvier 2013 à 18:06

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 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.

Procédure

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

  • Color Picker
  • colorPicker
  • Dropper
  • ColorZilla
  • Une fois l'extension choisie, cliquer sur "Ajouter à Chrome"
  • Accès au menu des extensions de Chrome par 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 :