CSSグラデーションテキストジェネレーター
文字にグラデーションを適用してCSSコードをコピー
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
テキストに線形または円形のグラデーションを適用し、プレビューで確認しながら完成したCSSコードをそのままコピーできるツールです。カラーストップ、角度、フォントサイズや太さを調整して見た目を細かく調整できるため、デザイナーやフロントエンド開発者に便利です。処理はすべてブラウザ内で行われ、サーバーには送信されません。
使い方
- テキスト入力欄に表示したい文字列を入力します。
- グラデーションの種類(線形/円形)を選び、角度または中心位置を調整します。
- カラーストップを追加・削除しながら色と位置(%)を調整して好みのグラデーションを作成します。
- プレビューを確認したら、コピーボタンで生成されたCSSコードを取得します。
よくある質問
- カラーストップはいくつまで追加できますか?
- 最小2個から最大4個までカラーストップを追加・削除できます。
- 生成したCSSはすべてのブラウザで動作しますか?
- background-clip: text を使用し、WebKit系ブラウザ向けに-webkit-接頭辞も付けていますが、このプロパティに対応していない古いブラウザではグラデーションが反映されず単色表示になる場合があります。
- 入力したテキストや色の情報はサーバーに保存されますか?
- いいえ。すべての処理はブラウザ内だけで行われ、サーバーに送信・保存されることはありません。