グラデーションの CSS 作成

2〜3色と角度を指定して、CSS の linear-gradient・radial-gradient を作成し、プレビューを表示します。

プレビュー
-
CSS
-

※ 角度は 0度 = 下から上、90度 = 左から右、180度 = 上から下 です。

最終更新 2026-11-04

関連ツール

作成・生成 配色パレットの作成 基本の色から、補色・類似色・トライアド・明暗のグラデーションなど、相性のよい配色パレットを作成します。 Web制作・SNS box-shadow の作成 影のずれ・ぼかし・広がり・色・透明度を指定して、CSS の box-shadow を作成します。ふんわりした影のプリセット付き。 作成・生成 QR コードの読み取り（画像から） QR コードが写った画像やスクリーンショットを読み込むと、中身（URL・文章）を表示します。カメラは使わず、画像は送信しません。 作成・生成 QR コード作成 URL や文章から QR コードを作成し、SVG 画像で保存できます。誤り訂正レベルも選べます。入力した内容は外部に送信されません。