CSSグラデーション生成ツール

カラー

グラデーション生成ツールは、2つのHEXカラーを、コピーしてすぐ使えるCSSのlinear-gradient値にまとめるツールです。

AI支援翻訳をレビュー中

このページはAIの支援で翻訳され、まだ専門家によるレビューを完了していません。重要な判断の前に、引用元をご確認ください。

概要

線形グラデーションは、ある角度に沿って2色以上をなめらかに変化させます。CSSではlinear-gradient()関数で記述します。

linear-gradient(角度, 色A, 色B)

使い方

  1. 11つ目のHEXカラーを入力します。
  2. 22つ目の色と角度を入力します。
  3. 3CSSのlinear-gradient値をコピーします。

参照表

CSSグラデーション生成ツール 参照表
入力結果
サンプルCSSのlinear-gradient値

出典・基準

よくある質問

結果をそのままCSSで使えますか？

はい。linear-gradient()の値はそのままCSSのbackgroundプロパティにコピーできます。

グラデーションのデータはサーバーに送信されますか？

いいえ。このツールはブラウザ内で動作し、データをサーバーに送信しません。

関連ツール