グラデーションの無料ダウンロード

あらかじめ用意された寸法を選ぶか、独自の寸法を設定するか

グラデーションの色をコピーする

主要なカラーシステムへ翻訳 🎨

#{{ color }}
  • RGB {{ toRGB(color) }}
  • CMYK {{ toCMYK(color) }}
  • HSL {{ toHSL(color) }}
CSSコード
background: -webkit-linear-gradient({{direction}}deg, {{ colorlinecss }});
background: linear-gradient({{direction}}deg, {{ colorlinecss }});

サイズと回転角度を設定する

グラデーションの高さ、幅、角度を指定し、出来上がった画像をクリックするとダウンロードできます 🧙

キーボードの矢印で1値ずつ変化させる

人気サイズのダウンロード

人気の高いサイズを厳選してお届け ✨

1920×1080
1080×1920
1080×1080
1500×1000
320×320
1200×628
970×90
800×600
750×750
1500×500
1200×600
1800×1350
480×60
820×360
300×250
1600×1200

類似のグラデーション 🧁

こんにちは、
お久しぶりです。

パスワードをお忘れの方

登録時に使用したEメールアドレスを入力すると、パスワードの変更方法をお知らせします。

新規アカウント登録

パスワードが一致しない

メッシュグラデーションをご覧ください

メッシュグラデーションジェネレーターと新しいメッシュライブラリを追加しました。これにより、美しい抽象的なグラデーションを作成し、ダウンロードし、そのCSSコードをコピーし、個人ダッシュボードに保存し、公共ライブラリに追加できます。

近日中に放射状グラデーションジェネレーターを追加します!

メッシュグラデーション