メッシュグラデーションジェネレーター
メッシュグラデーション（ぼかされた色のパッチ）で背景を作成し、PNGでダウンロードするか、CSSコードをコピーします。
オンラインでメッシュグラデーションを作成する方法
背景色を選択して色を追加する
ベースカラーを選択し、最大6つのカラースポットを追加して、それらをブレンドさせます。
位置をランダム化する
ランダム化ボタンを押して、気に入った組み合わせが見つかるまでカラースポットを再配置します。
PNGをダウンロードするか、CSSをコピー
結果をすぐに使用できるPNG画像としてダウンロードするか、CSSコードをコピーしてウェブサイトに直接適用できます。
メッシュグラデーントジェネレーターについてのよくある質問
メッシュグラデーション（メッシュ状の段階）は、滑らかで抽象的な外観のおかげで、ウェブページ、アプリ、ソーシャルメディアの背景として人気があります。このツールはこれらを生成し、ブラウザから直接ダウンロードできます。
メッシュグラデーションとは何ですか？
+
複数の色のぼかしたパッチが互いに混ざり合う、2つの色間のシンプルな線形または放射状の遷移ではなくグラデーションです。
通常のCSSグラデーションジェネレーターとの違いは何ですか？
+
CSSグラデーションジェネレーターは、2～4色間の線形または放射状の遷移を作成します。このジェネレーターは、複数の独立した色のパッチを使用してより有機的な効果を作成し、結果をPNG画像として直接ダウンロードすることもできます。
何色まで使用できますか？
+
同じメッシュグラデーションで3～6色を組み合わせることができます。
結果を画像としてダウンロードできますか？
+
はい、メッシュグラデーションをPNG形式で直接ダウンロードでき、背景として使用する準備ができています。
無料ですか？
+
はい、このツールは完全に無料です。
デザインはサーバーにアップロードされますか？
+
いいえ。生成からPNGのダウンロードまで、すべてのプロセスはあなたのブラウザ内で直接行われ、サーバーにデータがアップロードされることはありません。
色
カラーコンバーター（HEX、RGB、HSL、CMYK）
HEX、RGB、HSL、CMYKの間で任意の色を瞬時に変換でき、ライブプレビューと最も近い色名を表示します。
カラーパレットジェネレータ
ベースカラーから5色の調和したパレット（補色、類似色、三色配色、単色配色）を作成します。
CSSグラデーションジェネレーター
最大4色の線形または放射状グラデーションを作成し、すぐに使用できるCSSコードをコピーします。
WCAGコントラストチェッカー
テキストと背景色の組み合わせがAA および AAA のアクセシビリティレベルを満たしているかを確認します。
ランダムカラー
クリック1つでランダムに色を生成し、その名前、HEX/RGB/HSLコード、および類似色を発見できます。
カラーピッカー（スポイト）
ブラウザのスポイトツールを使用して画面から任意の色を選択するか、クラシックなカラーピッカーを使用します。
色盲シミュレーター
画像をアップロードして、一色型色覚異常、二色型色覚異常、または三色型色覚異常の人がどのように見えるかを確認します。
色合いと陰影ジェネレーター
任意の色のより明るい色合いと最も暗い陰影をHEXコード付きで自動生成します。
カラーミキサー
2つの色を混ぜて、HEXコード付きで段階的に中間色を発見します。
カラーホイール（調和）
ホイール上で色を選択して、調和のとれた組み合わせを発見してください：補色、類似色、三色配置など。
画像からのパレット抽出ツール
画像をアップロードすると、その支配的な色を自動的に抽出し、各色のHEXコード付きのパレットを生成します。
画像の平均色
画像をアップロードして、HEX、RGB、HSLコード付きの平均色を瞬時に計算します。
