Adobe Illustrator でデザインするときは、色を選んでその明るさや彩度を調整し、「同じ系統」の似たような色にするのが好きです。
CSS では、次のような種類の値で色を定義できます: RGB、RGBA、HSL... 3 つのパラメーターすべてを同時に定義できるため、私は長い間疑問に思っていました:それらの？
たとえば、非常に「きれいな」色 #FF0000、#00FF00、および #0000FF を持つ 3 つのリンクを定義するとします。「色に関係なく、すべてのリンクをホバーすると、明るさ/明るさを 10% 下げる」という単一の CSS ルールを作成することは可能でしょうか?
RGBAカラーのアルファパラメータでも同じことをしたいと思っています。すべての色に無差別に影響を与えるために私が知っている唯一の一般的な方法は opacity プロパティですが、背景に影響を与えたいだけの場合は問題になります。
そのようなこと (H、S、または L のみに影響を与える) は、かなり簡単に実行できるように思えます。色全体を再定義できる場合、同じ色をもう一度取得して、その値の 1 つを変更することはできませんか? しかし問題は、誰かが実際にそれを行う方法を考えたことがありますか?