グラデーション
最大8色と各位置からグラデーションを作り、CSS・SVG・PNGを保存します。 ファイルや入力内容はサーバーに送信・保存されません。
使い方
最大8色と各位置からグラデーションを作り、CSS・SVG・PNGを保存します。
対応形式と制限
Values / Images → SVG / PNG
すべての処理はブラウザー内で行われます。形式と端末のメモリーにより処理範囲が制限されます。
色は位置順に並べ、位置は0~100%です。
グラデーション ご利用案内
使用方法
- 各色と位置のパーセントを指定します。
- 方向を指定し、色を追加・削除しながらプレビューを確認します。
- CSSをコピーするかSVG・PNGで保存します。
使用例
入力・設定
90° · #235c47 0% → #f6f7f3 100%
結果・確認
左→右のグラデーション · CSS・SVG・PNG
確認事項
- 色は位置順に並べ、位置は0~100%です。
- 0度は上・90度は右です。書き出しサイズは800×460です。