CSSで色を指定するときには、「#ccffcc」や「blue」などのように、望みの色を直接記述するしかありません。しかし、配色を考えるときには、「親ボックスよりも少し明るい色の子ボックス」のように、相対的に色を指定したいこともあるでしょう。 CSSでは、親ボックスの色も、子ボックスの色も、個別に色を直接記述することでしか指定できません。例えば「#ccffcc」よりも少し暗くしたいなら「#aaccaa」、「#cc0000」よりも少し明るくしたいなら「#ff3333」のようにです。 この状態で配色を変更したいと思ったとき、親ボックスの色を変更すると、当然、子ボックスの色もすべて手動で修正しなければなりません。
![CSSで色を直接書かず、変化量で相対的に指定する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)