グラデーションメーカー
グラデーションを作成し、クリーンなCSSを出力
ライブプレビュー付きで線形、放射状、円錐形のグラデーションを組み立て、CSSをコピーするか、Tailwindの値を取得するか、SVGをダウンロードします。
種類
90°
カラーストップ
CSS
ランダムプリセット
FAQ
グラデーションメーカーに関する質問
どのような種類のグラデーションを作成できますか？
線形、放射状、円錐形のCSSグラデーションです。カラーストップを追加、削除、並べ替えたり、トラックに沿ってドラッグしたり、角度や位置をライブコントロールで調整したりできます。
グラデーションをエクスポートするには？
生成されたCSS背景（linear-gradient、radial-gradient、conic-gradient）、対応するTailwindの任意値（arbitrary value）をコピーするか、SVGとしてダウンロードします。
抽出したパレットから始められますか？
はい。パレットジェネレーターのページでパレットを生成し、HEXコードをグラデーションのストップに貼り付ければ、数秒で調和したグラデーションを作成できます。
透明度に対応していますか？
各ストップはアルファ値を受け付けるので、グラデーションに沿った任意の位置で色を透明にフェードできます。