Sassは使わずカラーマネージメント：色の明暗をピュアCSSでコントロールする方法 - コハムHow to Lighten or Darken a Color with Pure CSS 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 色を明るくしたり暗くしたりすることは、UIデザインでよくある使用例です。ユーザーがボタンにホバーしたときに背景色を暗くしたり、アラートの背景にテキスト色のわずかに明るい色合いを使用したりすることがあります。 この記事では、通常のアプローチから始め、外部ツールへの依存を減らし、ネイティブの色形式を使用して目的の効果を達成する方法を見ていきます。 では、始めましょう。 CSSで色を明るくしたり暗くしたりする通常のアプローチ CSSでネイティブに色の明るさと輝度を変更する CSSでホバー時に色を暗くする CSSで色を明るくする CSSでHSLを使用して色をフェードする FAQ CSSを使用して色を明るくし
