Effect of substituted sites and coordinated metal atoms on the absorption properties of porphyrin and phthalocyanine derivatives