ToolZool
CLR / 03 · 色ツール

CSSグラデーション生成

線形と放射状のグラデーションを、プレビューを見ながら作り、CSSをそのまま貼れます。

CSSグラデーション生成ツール
ストップ⁨2⁩個、その場でプレビュー
CSS
background-image: linear-gradient(135deg, #3b82f6 0%, #ec4899 100%);

色は16進数で指定します。桁数は3、4、6、8のいずれかです。短いほうは末尾1桁、長いほうは末尾2桁が不透明度になります。ほかのCSSの色表記はここでは読み取りません。プレビューはこの宣言をそのまま当てただけの要素なので、見えているものがブラウザの描くものです。

支援する 💚ToolZool を無料に保つ手助けを

みなさんのおかげで、
ToolZoolは無料のまま

優れたツールは、誰にとっても無料であるべきです。その費用をどう賄っているのか、隠さず全部書きます。

Zoolyにコーヒーをおごる灯りをともし、新しいツールを生み出すための直接の支援。まったくの任意です。Zoolyを支援する →
おすすめの品ブラウザでは終わらない仕事を片づける有料ツール。あのページから、いまこちらが得るものはありません。おすすめを見る →
礼儀をわきまえた広告広告と明示した枠は作業領域の外に置くので、操作と結果のあいだに割り込むことはありません。広告方針を読む →
あなたは最高です訪問も、共有も、温かいひと言も、ToolZoolが育って多くの人に届く助けになります。