cohamucohamu https://blog.hatena.ne.jp/cohamucohamu/ コハム https://cohamu.com/ CSS How to Lighten or Darken a Color with Pure CSS 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 色を明るくしたり暗くしたりすることは、UIデザインでよくある使用例です。ユーザーがボタンにホバーしたときに背景色を暗くしたり、アラートの背景にテキスト色のわずかに明るい色合いを使用したりすることがあります。 この記事では、通常のアプローチから始め、外部ツールへの依存を減らし、ネイティブの色形式を使用して目的の効果を達成する方法を見ていきます。 では、始めましょう。 CSSで色を明るくしたり暗くしたりする… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcohamu.com%2Fentry%2F20240801%2F1722475800" title="Sassは使わずカラーマネージメント：色の明暗をピュアCSSでコントロールする方法 - コハム" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/c/cohamucohamu/20240731/20240731211609.png Hatena Blog https://hatena.blog 2024-08-01 10:30:00 rich https://cohamu.com/entry/20240801/1722475800 1.0 100%