デザイン

CSSグラデーション生成

2色と角度から線形・放射状CSSグラデーションをプレビュー付きで生成します。

01データと設定

ブラウザー内で実行され、ソフトのインストールは不要です。

02結果

入力待ち
入力待ち

値を入力するかサンプルを読み込むと結果が表示されます。

このツールについて: CSSグラデーション生成

2色と角度から線形・放射状CSSグラデーションをプレビュー付きで生成します。

処理は選択した形式によって異なります。対応文字と構文は説明とサンプルをご覧ください。

計算方法

linear-gradient(angle, color₁, color₂)

計算例

モード
線形
最初の色
#4f46e5
次の色
#06b6d4
グラデーション角度、°
135
background: linear-gradient(135deg, #4f46e5, #06b6d4);

よくある質問

このツールで何ができますか?

2色と角度から線形・放射状CSSグラデーションをプレビュー付きで生成します。 処理は選択した形式によって異なります。対応文字と構文は説明とサンプルをご覧ください。

精度と入力形式は何に依存しますか?

色は6桁のHEXです。角度は線形グラデーションだけで使います。

計算はどこで実行されますか?

ブラウザー内で実行され、ソフトのインストールは不要です。

コメント (0)

感想を共有してください。礼儀正しく、話題に沿ってお願いします。

まだコメントはありません。コメントを残して、あなたの意見を共有してください!

コメントを残すにはログインしてください。

コメントするにはログイン