ToolShed
ホーム
ツール一覧
読み込み中...
ホーム
カラー・デザイン
グラデーションギャラリー
カラー・デザイン
無料・登録不要
グラデーションギャラリー
グラデーションプリセット集
Linear
Radial
Conic
Angle: 135°
Color Stops
+ Add Stop
#3b82f6
at
%
#8b5cf6
at
%
CSS Output
Copy CSS
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
Presets
Ocean Breeze
Sunset
Forest
Aurora
Fire
Radial Glow
Mint Fresh
Rose Gold
Conic Rainbow
Twilight
よくある質問
CSSグラデーションの種類にはどんなものがありますか?
+
CSSグラデーションはすべてのブラウザで対応していますか?
+
グラデーションを背景画像の代わりに使うメリットは?
+
関連バリエーション
グラデーションギャラリー
関連ツール
カラーパレット生成
配色理論ベースのパレット自動生成
HEX→RGB変換
HEXカラーコードをRGBに変換
コントラスト比チェッカー
WCAG準拠のコントラスト比チェック
Box Shadow生成
CSS box-shadowのGUI作成
カラーコード一覧
和色・Web色のカラーコード一覧。HEX/RGB表示
Flexboxジェネレーター
CSSフレックスボックスのGUI作成・コード生成