CSSグラデーションジェネレーター
色・角度・グラデーションの種類をライブプレビューで調整しながら線形または放射状のCSSグラデーションをデザインし、正確なbackground-image用CSSコードをそのままコピーできます — カラーストップの割合を手探りで指定する必要はありません。
デザイン・CSSツール ブラウザ内で完結
すべての処理はお使いのデバイス上で行われます。サーバーには何も送信されません。
0%
100%
CSSコード
background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);