無料
CSSグラデーション生成ツール
2色の線形グラデーションを作成し、プレビューしてCSSをローカルでコピーします。
#RGBまたは#RRGGBBのHEXカラーと0〜360°の整数角度を使用します。不透明な2色の線形グラデーションのみ対応します。グラデーションプレビュー
ツールを見るCSSグラデーション生成ツール
2色の線形グラデーションを作成し、プレビューしてCSSをローカルでコピーします。
使い方
- 開始色
- 終了色
- グラデーション生成
すぐに使える
プライバシーを優先
無料で簡単
毎週新しいツール
✳ツールボックス
作業に役立つツール。
必要なものだけ。
✳手間を減らして、作業を進める
ツール探しではなく、
作業そのものに集中。
小さな作業のたびに別のサイトへ行く必要はありません。MiniKit はよく使う便利なツールを、わかりやすい場所にまとめています。
ツールを見る本当に速い
開いて、使って、完了。ダウンロードも登録も待ち時間もありません。
プライバシー優先
ファイルやテキストは端末内に残ります。データは保存しません。
誰でも簡単
複雑なメニューはありません。必要な機能がすぐ見つかります。
設計からプライバシーを重視
ファイルは私たちを経由せず
端末内で処理されます。
画像、テキスト、QRの内容、計算はブラウザ上で処理されます。ホスティング、ローカルストレージ、現在の広告状況の詳細については、プライバシーポリシーをご覧ください。
✳次の小さな作業を
始める次の小さな作業を
少しだけ簡単に。
最初のツールを今すぐお試しください。無料、登録不要、簡単です。
✳
例
#155c42 → #c7f36b · 90°
background: linear-gradient(90deg, #155c42 0%, #c7f36b 100%);
よくある質問
入力内容はサーバーに送信されますか？
画像、テキスト、QRの内容、計算はブラウザ上で処理されます。ホスティング、ローカルストレージ、現在の広告状況の詳細については、プライバシーポリシーをご覧ください。
このツールは無料ですか？
アカウント不要 · ずっと無料