🌈
グラデーション生成ツール
カスタムグラデーション作成・ランダムサンプル・Colorful Circles
👁️
プレビュー
クリックしてダウンロード
PNG画像としてダウンロード
CSSコードをコピー
リンクを共有
🎨
カスタムグラデーション作成
グラデーションタイプ
線形
放射状
円錐形
繰り返し線形
繰り返し放射状
繰り返し円錐形
カラーストップ
+ 色を追加
角度・方向
度
→
↗
↑
↖
←
↙
↓
↘
中心位置
X:
50%
Y:
50%
サイズ
closest-side
closest-corner
farthest-side
farthest-corner
アニメーション効果
アニメーションタイプ
回転
シフト
パルス
速度 (秒)
🎲
ランダムサンプル
新しいサンプルを生成
さらに生成
⭕
Colorful Circles
新しいサークルを生成
個生成
📚
プリセットグラデーション
💻
CSSコード
コピー
CSSファイルとしてダウンロード
💾
保存/読み込み
グラデーションを保存
グラデーションを読み込み
クリア