戻る

グラデーション生成

カラー・配色

読み込み中

ツールを読み込んでいます

ツールを準備しています。残り時間はまだわかりません。

このツールの処理はすべてブラウザー内で行われ、入力内容はサーバーへ送信されません。

このツールについて

2色の線形・円形放射グラデーションをプレビューし CSS をコピーします。

主な用途

  • 2色の線形・円形放射グラデーションをプレビューし CSS をコピーします。
  • 3桁・6桁 HEX の2色と種類を選びます。

使い方

  1. 1.3桁・6桁 HEX の2色と種類を選びます。
  2. 2.線形の場合は0~360度を設定し、background 宣言をコピーします。

制限と注意事項

  • 色停止点は2つのみ。放射型は円形で、位置指定・透明度・追加の色停止点はありません。

よくある質問

このツールで何ができますか?

2色の線形・円形放射グラデーションをプレビューし CSS をコピーします。

結果を使う前に何を確認すべきですか?

色停止点は2つのみ。放射型は円形で、位置指定・透明度・追加の色停止点はありません。

関連ツール