![](/img/datachef/loading.gif?cache=20240506100826)
グラデーション画像を作成
色、画像サイズ、パターンを指定して「作成」を押してください。
処理中です
DataChefの特徴
![](/img/datachef/feature/free_of_charge_400.png?cache=20240506100826)
無料
![](/img/datachef/feature/no_membership_400.png?cache=20240506100826)
会員登録不要
![](/img/datachef/feature/safe_and_secure_400.png?cache=20240506100826)
安全・安心
![](/img/datachef/feature/high_speed_400.png?cache=20240506100826)
高速
![](/img/datachef/feature/no_watermark_400.png?cache=20240506100826)
透かしなし
![](/img/datachef/feature/commercial_use_400.png?cache=20240506100826)
商用利用可能
線形パターンの例
![線形グラデーション サンプル](/img/imagechef/thumb/jpg/400x400/gradation-canvas.jpg?cache=2024050610)
円筒形パターンの例
![円筒形グラデーション サンプル](/img/imagechef/before_after/gradation/cylinder.jpg?cache=2024050610)
円形パターンの例
![円形グラデーション サンプル](/img/imagechef/before_after/gradation/radial.png?cache=2024050610)
このページでは、好きな2色から成るグラデーション画像を、指定したサイズで作成することができます。
ちょっとしたデザインの背景画像にしたり、PCやスマホの壁紙作成などの用途にご利用ください。
透明や半透明を指定することもでき、不透明色から次第に透明色になっていくようなグラデーションも作成可能です。
線形(縦方向に色1→色2)、円筒形(縦方向に色1→色2→色1)、円形(中心から外側)のグラデーションに対応しており、回転させることもできます。
色を選ぶ際は、「塗りつぶす色」の欄にある色付きのセルをクリックして、カラーピッカーを開いて好きな色を指定してください。
カラーピッカーの中にパステルカラーが数種類セットされており、隣同士のパステルカラーを選ぶと綺麗に仕上がりやすいです。
細かい色合いを自由に指定することもできます。
色相(赤い、黄色いなど)を選ぶ際はカラーピッカーの右端から2番目にあるスライダを上下させて微調整することができます。
同系色で濃淡の違う2色を設定しても綺麗に仕上がります。
半透明にする場合は、出力形式を「PNG(推奨)」にし、カラーピッカーの1番右側に表示されている、透過度合いのスライダを上下させてください。
(※透明色はPNG形式でのみ扱うことができます)
高度な使い方になりますが、カラーピッカー(色選択ウィンドウ)の最下部にあるフォームに「#000000」といったHTMLカラーコードや、「rgba(0, 0, 0, 1)」といったRGBA値を入力することで色を指定することもできます。
ファイル形式はPNG(推奨)、JPG、GIF、BMPに対応しています。
サイズの上限は縦横ともに5120pxまでです。
線形パターンの例
![線形グラデーション サンプル](/img/imagechef/thumb/jpg/400x400/gradation-canvas.jpg?cache=2024050610)
円筒形パターンの例
![円筒形グラデーション サンプル](/img/imagechef/before_after/gradation/cylinder.jpg?cache=2024050610)
円形パターンの例
![円形グラデーション サンプル](/img/imagechef/before_after/gradation/radial.png?cache=2024050610)