CSSグラデーション生成

二色から線形または放射状のグラデーションを作ります。

設定

最初の色

次の色

角度 (度)

種類

sRGB HEX · 2 色 · 0–360° · 不透明な二色、線形の角度、または中央からの放射状のみ。追加の色・画像・外部取得はありません。CSSのコピーでサイトが変更されることはありません。

使用方法

二色から線形または放射状のグラデーションを作ります。

使い方

必要な設定だけを変更し、以下の上限を守ります。
必要な設定だけを変更し、以下の上限を守ります。最初の色: #2563eb · 次の色: #7c3aed · 角度 (度): 90 · 種類: 線形 · 不透明な二色、線形の角度、または中央からの放射状のみ。追加の色・画像・外部取得はありません。CSSのコピーでサイトが変更されることはありません。
処理後に原本と比較し、コピーまたはダウンロードします。

項目	変更される内容
設定	必要な設定だけを変更し、以下の上限を守ります。最初の色: #2563eb · 次の色: #7c3aed · 角度 (度): 90 · 種類: 線形 · 不透明な二色、線形の角度、または中央からの放射状のみ。追加の色・画像・外部取得はありません。CSSのコピーでサイトが変更されることはありません。
制限	sRGB HEX · 2 色 · 0–360° · 不透明な二色、線形の角度、または中央からの放射状のみ。追加の色・画像・外部取得はありません。CSSのコピーでサイトが変更されることはありません。

これは期待結果の例であり、実測値の主張ではありません。 linear-gradient(90deg, #2563EB, #7C3AED);

二色から線形または放射状のグラデーションを作ります。

必要な設定だけを変更し、以下の上限を守ります。最初の色: #2563eb · 次の色: #7c3aed · 角度 (度): 90 · 種類: 線形 · 不透明な二色、線形の角度、または中央からの放射状のみ。追加の色・画像・外部取得はありません。CSSのコピーでサイトが変更されることはありません。

設定や未対応の入力を修正して再試行します。原本は保持します。大きなファイルは小さくしてください。

いいえ。処理は端末内で行います。入力と結果は、クリアするかページを離れるまで、このページのメモリにだけ残ります。ToolRobinはアップロード、ログ記録、保存を行いません。コピーした結果は端末のクリップボードに入ります。