CSS グラデーションジェネレーター

線形、放射状、円錐形のグラデーションをデザインし、CSS をコピーします。

無料
サインアップはありません
ブラウザで実行します
モバイルでも動作します

{名前}の概要

入力: 色と角度
出力: CSS 背景
プライバシー: すべてはデバイス上で行われます。何もアップロードされていません。
価格: 無料、アカウントなし、ウォーターマークなし。

{名前}の使い方

1タイプと色をお選びください。
2ストップと角度を調整します。
3CSSをコピーします。

特徴

線形、放射状、円錐形。
最大 8 ストップ。
ライブプレビュー。
プライベート: ブラウザで実行されます。何もアップロードされていません。

{名前} よくある質問

すべてのブラウザで動作しますか?

はい、現在のすべてのブラウザはプレフィックスなしでこれらのグラデーションをサポートしています。

CSS グラデーションジェネレーターは非公開ですか?

はい。 CSS Gradient Generator は完全にブラウザ内で実行されるため、入力したり開いた内容がデバイスから出ることはなく、当社のサーバーには何も送信されません。

CSS グラデーションジェネレーターは何で使用できますか?

入力: 色と角度。 CSS の背景が得られます。

ボックスシャドウジェネレーター階層化された CSS ボックスのシャドウを視覚的に構築し、コードをコピーします。境界半径ジェネレーター視覚的に 1 つまたはすべての角を丸くして、CSS の短縮表現をコピーします。カラーコンバーターHEX、RGB、HSL、HSV、CMYK、OKLCH の間で色を変換し、コントラストを確認します。Base64 デコーダーBase64 (標準または URL セーフ) をデコードしてテキストに戻します。

もっと見る {カテゴリー}最終更新日 2026年10月3日