開発者向け

CSSグラデーション生成 — ドキュメント

線形または放射状グラデーションを作成し、色や位置を調整してCSSをコピーできます。

使う CSSグラデーション生成

仕組み

線形または放射状グラデーションを作成し、色や位置を調整してCSSをコピーできます。

可能な場合、このツールは要求された処理をブラウザー内で行います。

利用する場面

この作業の結果を確認するにはCSSグラデーション生成を使用します。

入力と出力

入力: フォームで求められる値を入力してください。ネットワーク検査では、確認する権限のある公開ドメイン、URL、ホストを使用します。
出力: 結果は作業領域に表示されます。結果を利用する前に警告と制限事項を確認してください。

制限事項

結果は入力内容、および該当する場合は検査時点のブラウザー、ネットワーク、外部サービスに左右されます。参考情報であり、専門的な診断の代わりにはなりません。

プライバシーとデータの取り扱い

可能な場合、入力はブラウザー内で処理されます。サイト全体の分析とCookieについてはプライバシーポリシーをご覧ください。プライバシー.

使い方

フォームで求められる値を入力してください。ネットワーク検査では、確認する権限のある公開ドメイン、URL、ホストを使用します。
可能な場合、このツールは要求された処理をブラウザー内で行います。
結果は作業領域に表示されます。結果を利用する前に警告と制限事項を確認してください。

関連ツール

HEX・RGB・HSLカラー変換単色をHEX、RGB、HSL間でリアルタイムに変換します。類似色や補色のパレットを作成し、別の色とのWCAGコントラストも確認できます。CSSボックスシャドウ生成オフセット、ぼかし、広がり、色を調整し、プレビューしたbox-shadowをコピーできます。CSS角丸生成四隅の水平・垂直の半径を個別に設定し、形を確認してborder-radiusをコピーできます。