グラデーションマップ
CSS カラーと位置を入力して、ローカルでグラデーションのコードを作成します。
使い方
使い方
- CSS カラーストップを 2～8 個、百分率の位置とともに入力します。
- CSS と SVG の出力を生成して確認します。
- ローカルの出力をプロジェクトにコピーします。
ストップの入力
各行に CSS カラーと百分率の位置を入力します。例: #111111 0%、#eeeeee 100%。カラーを検証し、位置を 0～100% に制限します。
2 種類のローカル出力
CSS linear-gradient 宣言と SVG linearGradient の stop 断片を生成します。画像パレットや未検証のプリセットカラーは含みません。
ローカル処理
グラデーションのテキストはブラウザー内で生成され、アップロードされません。
よくある質問
あわせて知りたいこと
ストップはいくつ使えますか？
2～8 個です。
どのカラー形式に対応していますか？
ブラウザーが解釈できる CSS の16進数、rgb/rgba、hsl/hsla 形式です。
プリセットパレットはありますか？
ありません。カラーと位置は自分で入力します。