ん？黄色と青は補色なので混色したらグレーになるのは当然。例えば緑から赤のグラデーションなら間に黄色を通って彩度も明度も落ちない。黄色から青なら中間で緑を通る補完にすれば彩度が落ちなくできる。中点は1箇

Cru のブックマーク 2022/01/28 06:17

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4714571305579346882/comment/Cru" data-user-id="Cru" data-entry-url="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/make-beautiful-gradients-in-css.html" data-original-href="https://coliss.com/articles/build-websites/operation/css/make-beautiful-gradients-in-css.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fmake-beautiful-gradients-in-css.html" data-user-icon="/users/Cru/profile.png">グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法</a><br><p style="clear: left">ん？黄色と青は補色なので混色したらグレーになるのは当然。例えば緑から赤のグラデーションなら間に黄色を通って彩度も明度も落ちない。黄色から青なら中間で緑を通る補完にすれば彩度が落ちなくできる。中点は1箇</p><a class="datetime" href="https://b.hatena.ne.jp/Cru/20220128#bookmark-4714571305579346882"><span class="datetime-body">2022/01/28 06:17</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法

coliss.com2022/01/27

グラデーションを作成した時に、中央がグレーに濁ってしまうこと（グレーデッドゾーン）があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹...

625 人がブックマーク・63 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法

はてなブックマーク

公式Twitter

はてなのサービス