Comment convertir tout le code couleur #XXYYZZ à la version 3 plus courte caractère #XYZ du fichier entier css?

Question

Comment convertir tout le code couleur #XXYYZZ à la version 3 plus courte caractère #XYZ de tout fichier css?

Answer 1

Vous pouvez convertir à la version plus courte de 3 caractères seulement les couleurs ont exprimé ainsi: #RRGGBB où le premier et le second caractères sont les mêmes, les troisième et quatrième caractères sont les mêmes et les cinquième et sixième caractères sont les mêmes.

: #CC00DD peut être raccourci à #C0D tout #CC01DD ne peut pas

.

Un moyen rapide de réduire toutes les couleurs possibles dans un fichier CSS est d'ouvrir le fichier avec un éditeur supportant les expressions régulières (par exemple kwrite ou kate sur linux) et remplacer (en ignorant la casse) l'expression régulière suivante:

#([0-9A-F])\1([0-9A-F])\2([0-9A-F])\3

avec ce texte de substitution:

#\1\2\3

Testé avec kate.

Sinon, vous pouvez utiliser cet outil où, si vous avez besoin pour compresser les codes de couleurs, vous pouvez décocher toutes les options à l'exception des « compresser codes de couleurs si possible ».

Answer 2

Si vous êtes simplement intéressé à minimiser la taille de téléchargement de votre fichier CSS, vous pouvez utiliser l'un des nombreux compresseurs CSS disponibles (tels que cette un). Et assurez-vous de faire la même chose avec vos fichiers javascript pendant que vous y êtes.

Answer 3

Vous ne pouvez raccourcir les codes de couleur CSS à une version 3 caractères si elles prennent la forme

#XXYYZZ

Ensuite, ils peuvent être abrégés

#XYZ

Il n'y a que 216 codes différents qui répondent à cette exigence.