色コード変換
HEX・RGB・HSLの色コードを相互変換します。カラーピッカー付き。
CSSグラデーション生成
直感的な操作でCSSの線形・円形グラデーションを作成し、コードを書き出します。
入力データはブラウザ内で処理されます
データはサーバーへ送信されません
変換ツール
CSSグラデーション生成とは？
CSSの linear-gradient や radial-gradient プロパティを簡単に作成するためのデザインツールです。
複雑なコードを直接書かなくても、視覚的に色を組み合わせて美しい背景を作成できます。
使い方
- グラデーションのタイプ（Linear または Radial）を選択します。
- 開始色と終了色、および角度や中心位置を調整します。
- プレビューを確認しながら、生成された `background: ...` コードをコピーしてCSSに貼り付けます。
よくある質問
3色以上のグラデーションは作れますか？
現在のバージョンでは2色のシンプルなグラデーションに対応しています。今後のアップデートで多色対応を予定しています。
ブラウザの互換性は考慮されていますか？
標準的な CSS Gradient 構文を出力します。モダンブラウザであれば問題なく動作します。