画像とデザインツール

メッシュグラデーション生成

4 色と位置を選び、アップロードなしで滑らかな放射状メッシュをプレビューします。

ブラウザ内で処理登録不要プライバシーの説明 ↗

4 色と位置を選択してください。

使い方

使い方

  1. 4 色を選び位置を調整します。
  2. CSS メッシュをプレビューします。
  3. CSS をコピーまたはダウンロードします。

ブラウザー標準の出力

プレビューはCSSの放射状グラデーションを重ねて表示します。生成される宣言には選択した色と位置の割合だけが含まれ、スタイルシートに貼り付けられます。

ローカル処理

色の選択、プレビュー、コピー、ダウンロードはブラウザー内で行われます。画像や色のデータはアップロードされません。

よくある質問

あわせて知りたいこと

ビットマップ画像ですか?

いいえ。ブラウザーで表示するレスポンシブなグラデーションCSSです。

生成したCSSを商用利用できますか?

はい。選んだ色素材の利用条件は別途確認してください。

何色を使えますか?

このツールでは4つの放射状カラー点を使います。