ライブカラースタジオ
ブラウザで実行 - 何もアップロードされません
プレビュー
コントロール
結果
background: linear-gradient(90deg, #5a8a3a 0%, #EC4899 100%);
Guide & reference
CSS グラデーション ジェネレーター — 無料の CSS グラデーション ジェネレーターを使用すると、ブラウザーで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。
How to use
Common use cases
Common questions
無料の CSS グラデーション ジェネレーターを使用すると、ブラウザーで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。
色を入力してください
カラー値を入力するか、カラーピッカーを使用します。
結果を見る
ライブ プレビューとすべての形式の変換を確認します。
コピーまたはエクスポート
クリップボードにコピーするか、好みの形式でダウンロードします。
CSS グラデーション ジェネレーターを開き、色の値を入力または選択します。
ライブ プレビューと変換結果のリアルタイム更新を確認します。
結果を好みの形式でコピーまたはエクスポートします。
100% クライアント側で処理 - 色がデバイスから流出することはありません。
瞬時に変換できる複数のカラー形式をサポートします。
アカウント不要で無料で使用できます。
CSS およびデザイン システム用に色を変換する Web 開発者。
デザイナーは、アクセスしやすく調和のとれたカラーパレットを構築します。
色彩理論と色空間変換を学ぶ学生。
