How to convert all color code #XXYYZZ to shorter 3 character version #XYZ of whole css file?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
How to convert all color code #XXYYZZ to shorter 3 character version #XYZ of whole css file?
You can convert to the shorter 3-character version only colors expressed this way: #RRGGBB where the first and the second characters are the same, the third and fourth characters are the same and the fifth and sixth characters are the same.
So:
#CC00DDcan be shortened to#C0Dwhile#CC01DDcannot.A quick way to shorten all the possible colors in a CSS file is to open the file with an editor supporting regular expressions (for example kwrite or kate on linux) and replace (ignoring case) the following regular expression:
#([0-9A-F])\1([0-9A-F])\2([0-9A-F])\3with this substitution text:
#\1\2\3Tested with kate.
Otherwise you can use this tool where, if you only need to compress color codes, you can uncheck all the options except the “Compress color codes where possible”.