具体的な使用例
- 入力
種類: 線形 色1: #336699 色2: #ffffff 角度: 90- 結果
linear-gradient(90deg, #336699 0%, #FFFFFF 100%)
CSSグラデーションジェネレーター
2色と角度を指定して線形・放射状のCSSグラデーションを作成。プレビュー後にコードをコピーまたはCSSで保存できます。
結果
データを入力して実行してください。
入力値やファイル内容を統計に含めず、どのツールが使われたかを集計します。 プライバシー
ツールの使い方
- 色1 / 色2 / 種類 / 角度を設定します。
- 「実行」を押し、結果を確認してコピーボタンまたは保存ボタンを使ってください。
方法と制限
HEX形式の2色と0～360度の角度を指定。角度は線形グラデーションにのみ適用されます。
例
#336699 + #CC6699 → linear-gradient(90deg, #336699 0%, #CC6699 100%)