配色と線の太さ

配色によって「線分」の見かけ上の太さをコントロールすることが出来ます。
WEBデザインでは線幅を1px以下の細さでは表示できないので、印刷で使用するような「ヘアライン表現」は難しいですが、配色によって「細く見せかける」ことが可能です。

   


この線は幅1pxで、色は黒(#000000)です。

   


この線は幅1pxで、色は濃いグレー(#999999)です。

    


この線は幅1pxで、色はうすいグレー(#cccccc)です。

色が薄いほど細く見えますが、地色に対する「明度差」が影響しているので、白い画面では薄い色が、黒い画面では濃い色が細く見えます。
 



この線は幅1pxで、色は白(#ffffff)です。




この線は幅1pxで、色は濃いグレー(#999999)です。