グラデーション生成ツール

CSSグラデーションを視覚的に作成。linear/radial対応、2〜4色指定、CSSコードをワンクリックコピーできます。

#3B82F6
0%
#8B5CF6
100%
/* 標準 */
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
/* WebKit接頭辞 */
background: -webkit-linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);