グラデーション生成 - 無料でオンライン利用 | FunToolX
グラデーション生成をオンラインで無料で利用。ダウンロード不要。FunToolXは数百の面白いオンラインツールを提供。
CSS
プリセット:
このツールについて
グラデーション生成は無料のオンラインカラーツールです。CSS 線形/放射状グラデーションコードを生成。集中したい時やリラックスしたい時、ちょっとした楽しみに最適です。ブラウザだけで使え、ダウンロードや登録は不要です。
リボンに複数のカラーノードを追加し、ドラッグして位置と色を調整し、グラデーション効果をリアルタイムでプレビューします。線形グラデーションlinear-gradient、放射状グラデーションradial-gradient、円錐形グラデーションconic-gradientをサポートしています。グラデーションの角度、シェイプ、繰り返しパターンを調整できます。
グラデーションの原理：ブラウザーは2つ以上の色の間で中間色を計算します。直線状のグラデーションは直線方向に遷移し、放射状のグラデーションは中心から外側に広がり、円錐状のグラデーションは中心点を中心に回転します。分岐点の位置によって色の分布尺度が決まります。
生成されたCSSコードは、プロジェクトに直接コピーして使用できます。SVG、PNG画像へのエクスポートをサポートします。ウェブページの背景、ボタン、カードなどのUI要素のデザインに適しています。一般的なグラデーションスキームを参考にプリセットします。
オンラインCSSグラデーションジェネレータは、線形グラデーション、ラジアルグラデーション、テーパーグラデーションを視覚的に作成し、マルチカラーグラデーション、角度調整、ワンクリックCSSコードのコピーをサポートします。