CssColorAnalyzer
Analyseur de couleurs pour CSS
  • Couleurs utilisées dans des feuilles de style.

    Cet outil permet de visualiser les couleurs utilisées dans les feuilles de style liées à une page html. Cela peut être utile pour visualiser la cohérence des couleurs utilisées. Seules les couleurs spécifiées en format hexadécimal sont prises en compte. Pour être plus précis: les chaînes de caractères remplissant la condition #([[:xdigit:]]){6} ou #([[:xdigit:]]){3} seront retournées. Si le # a été omis, la couleur en question ne sera pas renvoyée. Les couleurs indiquées sous forme RGB ou en texte (black, blue, ...) ne sont pas non plus retrouvées.
  • En revanche les couleurs indiquées sous forme #rgb sont transformées en #rrggbb.
  • Le fonctionnement général du script est le suivant: la page html est ouverte, puis le script tente de récupérer les adresses des fichiers CSS. Ces fichiers sont ouverts (fopen) et lus (fread). Les commentaire (/* */) de la feuille de style sont enlevés, puis les couleurs sont récupérées avec preg_match_all('`#([[:xdigit:]]){6}\b`', $chaine, $out1,PREG_PATTERN_ORDER); et preg_match_all('`#([[:xdigit:]]){3}\b`', $chaine, $out1,PREG_PATTERN_ORDER); Ces couleurs sont placées dans un tableau qui est dédoublonné (array_unique), trié (asort) et affiché.

 

Entrer l'adresse d'une feuille d'une page internet

    
 

http://www.interdoc.ch

http://www.interdoc.ch/interdoc.css
 

#000000
 

#504000
 

#504939
 

#554433
 

#555500
 

#555555
 

#886644
 

#998949
 

#999999
 

#aa8800
 

#b9b6b0
 

#bb5522
 

#c9c090
 

#c9c6c0
 

#ccbb88
 

#cccccc
 

#d9d6d0
 

#dddddd
 

#e0d9b9
 

#e9d9d0
 

#e9e6e0
 

#eee9c9
 

#f9f6e0
 

#f9f6f0
 

#fff6f6
 

#ffffff
http://www.interdoc.ch/interdoc_print.css
 

#000000
 

#555555
 

#777777
 

#999999
 

#aaaaaa
 

#cccccc
 

#dddddd
 

#eeeeee
 

#ffffff
http://www.interdoc.ch/xxx.css
 

#00ff00
 

#ffff00