CSSグラデーションビルダー

線形・放射・扇形を選び、ネイティブのカラー入力、不透明度・位置スライダー、ストップの追加・削除・並べ替えでグラデーションを組み立てます。全幅プレビューとCSSはライブで更新。出力はモダン構文で、oklch補間のトグル付き（ブラウザ対応状況も明記）。プリセットから始めることもできます。

プライバシー台帳

ツール一式を1つの自己完結HTMLファイルとしてダウンロードできます。Litライブラリ同梱の読めるソースで、ネットワークリクエストはゼロ。ディスクから直接開いて動作し、自由にカスタマイズできます。

ホスト版ウィジェットを使う場合は、scriptタグ1行で埋め込めます（常に最新版）:

<script type="module" src="https://uuutil.com/tools/css-gradient.js"></script>
<uu-css-gradient lang="ja"></uu-css-gradient>

ソースのライセンス: MIT — 利用・改変・再配布は自由です。コピーにはライセンス表記を残してください。