CSSグラデーション生成（2色・角度指定）

CSSグラデーションについて

2色を滑らかにつなぐ線形グラデーションのCSSを、プレビューしながら作成できます。角度を変えれば向きを調整可能。2色のちょうど中間の色（HEX）も計算して表示します。背景・ボタン・ヒーローセクションのデザインに。生成したコードをコピーして使ってください。HEXとRGB/HSLの相互変換はRGB⇔HSL変換をどうぞ。

よくある質問

角度の基準は？

0degが下から上、90degが左から右、180degが上から下です。135degは左上から右下の斜めになります。

3色以上にできる？

本ツールは2色です。生成したコードに色を追加すれば多色グラデーションにできます。

入力した色は送信されますか？

いいえ。すべてブラウザ内で処理されます。