次世代のCSSグラデーションツールが美しすぎる！すべての新しい色空間を完全にサポート -CSS HD Gradients

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

227users がブックマークコメント

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fcss-hd-gradients.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://coliss.com/articles/build-websites/operation/css/css-hd-gradients.html">次世代のCSSグラデーションツールが美しすぎる！ すべての新しい色空間を完全にサポート -CSS HD Gradients</a><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css-hd-gradients.html">はてなブックマーク - 次世代のCSSグラデーションツールが美しすぎる！ すべての新しい色空間を完全にサポート -CSS HD Gradients</a></div></iframe>

プレビュー

規約違反を報告

次世代のCSSグラデーションツールが美しすぎる！すべての新しい色空間を完全にサポート -CSS HD Gradients

すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの... すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの美しいグラデーションのプリセットも豊富に用意されており、カスタマイズも簡単です。 CSSの色指定に何を使用していますか？ #FFFFFFのようなHEX値だったり、whiteのようなキーワードだったり、rgb(255, 255, 255)のようなRGB色空間の人も多いと思います。最近では色相・彩度・輝度で指定できるhsl(0, 0%, 100%)もすべてのブラウザにサポートされており、増えてきたと思います。さらに今までよりも広色域のP3カラーに対応したoklch()もChrome 111, Safari 15.4でサポートされ、注目されています。 CSS HD Gradients CSS HD Gradientsは、Google ChromeのデベロッパーであるAdam Argyle氏（@ar