design
無料
サインアップ不要
マルチストップカラーグラデーションピッカー
ドラッグ＆ドロップストップで美しいマルチストップCSSグラデーションをビジュアル的に作成できます。
ツールを読み込み中…
このツールについて
最大10個のカラーストップでリニアまたはラジアルグラデーションを構築し、プレビューバーに沿ってストップをドラッグして位置を変更し、即座にCSS出力を取得できます。グラデーションをCSSプロパティ、SVGグラデーション要素としてエクスポートするか、塗りつぶされたPNG矩形をダウンロードできます。インスタントインスピレーションのために20種類のキュレーションプリセットから選択できます。
使い方
- 1 ステップ1：グラデーションタイプ（リニアまたはラジアル）を選択し、リニアグラデーションの角度を設定してください。
- 2 ステップ2：「ストップを追加」をクリックしてカラーストップを追加し、色を選択して位置を設定してください。
- 3 ステップ3：グラデーションバーに沿ってストップをドラッグして位置を微調整してください。
- 4 ステップ4：CSS出力をコピーするか、エクスポートボタンを使用してSVG/PNGとしてエクスポートしてください。