ようこそ!
tellogs.com
表紙
開発ツール
ホーム
›
ツール一覧
›
CSSグラデーション生成
CSSグラデーション生成
線形・円形
グラデーション設定
グラデーションタイプ
linear-gradient(線形)
radial-gradient(円形)
角度(度)
削除
削除
色を追加
CSSコード
CSSをコピー
関連ツール
カラーピッカー
色を選択してコード変換
カラーパレット生成
カラーパレットを自動生成
コントラスト比チェック
テキストの可読性を確認
よくある質問
linear-gradientとradial-gradientの違いは?
linear-gradientは線形方向にグラデーションを作成します。radial-gradientは中心から円形に広がるグラデーションを作成します。
グラデーションの角度は?
CSSで0degから360degを指定できます。0degは上から下、90degは左から右になります。
色の数は制限あり?
CSS上では制限はありませんが、2-4色が一般的です。多色すぎるとうまく表示されない場合があります。
関連記事
カラーストップの設定方法
グラデーション作成のよくあるミス
グラデーション生成ツール比較
コニックグラデーション
グラデーションのCSSコード活用法
グラデーションを活用したデザイン
グラデーション生成ツールの使い方
リニアグラデーション
グラデーション生成オンラインツール
ラジアルグラデーション
グラデーション生成の便利な活用法
Web背景のグラデーション