Voir ou éditer la carte des couleurs d’une page Web

Il n’est pas facile de connaitre les couleurs d’un site Web afin d’en élaborer une charte graphique, de trouver la bonne couleur pour accommoder un élément, ou d’éditer en temps réel les couleurs des différents éléments d’une page Web.
Heureusement sous Firefox, il y a le plugin Rainbow de Heather Arthur qui vous permet :

  • d’avoir une carte des couleurs

Rainbowavec plus ou moins de détail (cliquer sur le taquet indiqué par la flèche rouge)

Rainbowvous pourrez à tous moment copier le code couleur en cliquant sur « copier »

  • de voir le style appliquant une couleur
    Rainbow Color
  • de sauvegarder des couleurs en les annotant (tag) (bouton sauvegarder si dessus)
  • d’avoir une bibliothèque des couleurs pouvant être utilisé pour coloré un élément de votre page HTML
    Rainbow library
  • d’appliquer une couleur de votre bibliothèque « Rainbow » par un simple déplacer du rectangle de votre couleur sur l’élément de votre page HTML.
  • Et bien sûr la fameuse pipette
    Rainbow Pipette

Voici un exemple de ce que l’on peut faire sur une page Web  (cliquez sur les images pour les agrandir) :

Piradix recoloré Piradix original

Vous trouverez ce plugin dans les modules de Firefox sous le nom « Raibow » 😉 ou directement  à l’adresse suivante :

https://addons.mozilla.org/en-US/firefox/addon/rainbow-color-tools/