Trouver le code d'une couleur HTML dans une page web : Différence entre versions
De Vulgum Techus
| Ligne 1 : | Ligne 1 : | ||
| + | '''[[Lien court]]''' vers cette page : http://vt.cx/TccGpw<br/> | ||
| + | '''[[QR code]]''' vers cette page : http://vt.cx/TccGpw.qr<br/> | ||
[[Versions Chrome]] : toutes versions<br/> | [[Versions Chrome]] : toutes versions<br/> | ||
| − | [[Versions Firefox]] : toutes versions | + | [[Versions Firefox]] : toutes versions<br/> |
| − | =Présentation= | + | <br/> |
| − | 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. | + | <html> |
| − | =Procédure= | + | <script type="text/javascript"><!-- |
| + | google_ad_client = "ca-pub-3341840374417340"; | ||
| + | /* VT2 */ | ||
| + | google_ad_slot = "6349432125"; | ||
| + | google_ad_width = 468; | ||
| + | google_ad_height = 60; | ||
| + | //--> | ||
| + | </script> | ||
| + | <script type="text/javascript" | ||
| + | src="http://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]] | [[Fichier:Chrome-color-picker-250113.jpg|thumb]] | ||
| − | '''Chrome''' | + | == [[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/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/> | <br/> | ||
| − | + | == [[Firefox]] == | |
| − | Tout comme [[Chrome]] [[Firefox]] ne manque pas de très bons addons pour connaître une couleur HTML sur un page Web : | + | 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/rainbow-color-tools Rainbow Color Tools] |
| − | *[https://addons.mozilla.org/fr/firefox/addon/colorzilla/ ColorZilla] | + | * [https://addons.mozilla.org/fr/firefox/addon/colorzilla/ ColorZilla] |
| − | *[https://addons.mozilla.org/fr/firefox/addon/colorpicker/ colorPicker] | + | * [https://addons.mozilla.org/fr/firefox/addon/colorpicker/ colorPicker] |
| − | *Une fois l'extension choisie, cliquer sur | + | * Une fois l'extension choisie, cliquer sur '''Ajouter à Firefox''' |
| − | *Accès au menu des addons de Firefox par about:addons | + | * Accès au menu des '''addons''' de '''[[Firefox]]''' par '''about:addons''' |
| + | |||
| + | = Commentaires = | ||
| + | {{#widget:DISQUS | ||
| + | |id=vulgumtechus | ||
| + | }} | ||
Version du 12 mars 2015 à 12:10
Lien court vers cette page : http://vt.cx/TccGpw
QR code vers cette page : http://vt.cx/TccGpw.qr
Versions Chrome : toutes versions
Versions Firefox : 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 disponibles pour les navigateurs les plus courants.
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 :
- Rainbow Color Tools
- ColorZilla
- colorPicker
- Une fois l'extension choisie, cliquer sur Ajouter à Firefox
- Accès au menu des addons de Firefox par about:addons
