CSSグラデーション解析

CSS Gradient Analyzerは、開発者とデザイナーがCSS グラデーション コードの構成要素を理解し、抽出するのに役立ちます。グラデーン URL またはCSS グラデーション構文を貼り付けると、ツールはコードを解析してグラデーション タイプ（線形、放射状、または円錐形）、方向または位置パラメータ、および正確な位置を持つ個々のカラー ストップを識別します。これにより、デザイン システム、フレームワーク、またはライブ プロジェクトから既存のグラデーションを簡単に分解できます——色遷移がどのように機能するかを理解したい、グラデーション品質を監査したい、またはグラデーション パターンをコードベース全体で再利用したい場合でも。

入力フィールドに CSS グラデーション コードを貼り付けて、分析をクリックするだけです。ツールはグラデーションのライブ プレビューを表示し、グラデーション タイプと方向を分解し、16進値または色名と百分比位置を持つすべてのカラー ストップをリストします。解析された CSS 出力も表示され、自分のプロジェクトで使用するためにコピーできます。このツールは linear-gradient、radial-gradient、および conic-gradient 構文をサポートしており、繰り返し変形も含まれ、明示的な値が不足しているカラー ストップの位置を自動的に計算します。