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