# CSSグラデーション生成ツール

> 無料のCSSグラデーション生成ツール。ビジュアルエディタで線形・放射・円錐グラデーションを作成し、カラーストップを追加、角度を調整してCSSをコピー。ブラウザ内で実行。

美しいCSSグラデーションをビジュアルに作成。無料、登録不要、コピー用コード付き。

*Interactive tool: enter your values at https://toollantern.win/ja/css-gradient-generator/ and results update instantly in your browser.*

## このツールの機能

グラデーションの種類を選び、最大6つのカラーストップを位置付きで追加し、角度スライダーを動かします。プレビューはリアルタイムに更新され、スタイルシートに貼れる正確なbackground宣言が出力されます。

## グラデーションの種類

線形は方向に沿って、放射は中心から外向きに、円錐は円周上に色を回転させます。円グラフやカラーホイールに最適です。

## プライバシー重視の設計

すべてはブラウザ内で実行されます。デバイスから出ることはありません。

## よくある質問
### グラデーションは全ブラウザで動きますか？

線形と放射は最新のブラウザで広く対応しています。円錐は現行ブラウザで対応していますが、非常に古いものでは動きません。

### 3色以上使えますか？

はい。最大6つのカラーストップを追加し、それぞれの位置を調整できます。

### サーバーに送信されますか？

いいえ。エディタはすべてブラウザ内で動作します。

---
Interactive version: https://toollantern.win/ja/css-gradient-generator/