deg
%
%
使い方
グラデーションの種類（linear・radial・conic）を選び、角度やカラーストップ（色と位置）を調整すると、プレビューと生成CSSコードがリアルタイムで更新されます。色は何色でも追加できます。 仕上がったらCSSコードをワンクリックでコピーして、そのままスタイルシートに貼り付けるだけ。値を手打ちしてリロードを繰り返すより、はるかに速くグラデーションを作り込めます。
- linear・radial・conicの3タイプに対応
- 角度・カラーストップの自由な編集
- リアルタイムプレビュー
- 複数色のグラデーションに対応
- CSSコードのワンクリックコピー
こんなときに使おう
- ヒーローセクションの背景グラデーションを作りたいとき
- gradient構文を覚えずにCSSを生成したいとき
- デザインカンプのグラデーションをコードで再現したいとき
- ボタンやカードの配色を試行錯誤したいとき