サンプル Before
サンプル After
機能概要
このページでは、画像の上に半透明の色レイヤーをかぶせる「カラーオーバーレイ」加工をオンライン上で無料で行えます。
白を重ねれば画像全体が白っぽく淡くなり、黒い文字が読みやすい明るい背景になります。黒を重ねれば画像全体が暗く落ち着いて、白い文字が読みやすい背景になります。
スライドの表紙やブログのアイキャッチ、バナーなど「写真の上に文字を載せたいけど、文字がごちゃごちゃして読みにくい」というときの下地作りにぴったりです。
白・黒以外の好きな色を重ねることもできるので、コーポレートカラーやブランドカラーのトーンに画像の色味を統一する、といった使い方もできます。
対応しているファイル形式はJPEG、PNG、GIF、BMP（ビットマップ）、WebP（ウェッピー）、Heicです。
白を重ねれば画像全体が白っぽく淡くなり、黒い文字が読みやすい明るい背景になります。黒を重ねれば画像全体が暗く落ち着いて、白い文字が読みやすい背景になります。
スライドの表紙やブログのアイキャッチ、バナーなど「写真の上に文字を載せたいけど、文字がごちゃごちゃして読みにくい」というときの下地作りにぴったりです。
白・黒以外の好きな色を重ねることもできるので、コーポレートカラーやブランドカラーのトーンに画像の色味を統一する、といった使い方もできます。
対応しているファイル形式はJPEG、PNG、GIF、BMP（ビットマップ）、WebP（ウェッピー）、Heicです。
使い方
-
1画像を選ぶ「ファイル選択」ボタンを押すか、画面上にドラッグ&ドロップしてください
-
2変換「無料で変換」ボタンを押します
-
3ダウンロード「ダウンロード」ボタンを押します
DataChefの特徴
簡単・無料
無料で回数無制限の変換
専門知識不要、直感的で簡単な操作
専門知識不要、直感的で簡単な操作
会員登録不要
アクセス直後に利用可能
個人情報を登録することなく使用できます
個人情報を登録することなく使用できます
安全・安心
通信を高度に暗号化
「ダウンロード」押下でファイルを自動削除
「ダウンロード」押下でファイルを自動削除
高速
ストレスのない快適な表示速度・変換速度
透かしなし
ウォーターマークなし
クレジット表記不要
クレジット表記不要
商用利用可能
無料で商用利用可能
商用利用許諾の連絡も不要です
商用利用許諾の連絡も不要です
【カラーオーバーレイとは】
カラーオーバーレイとは、画像の上に半透明の色の膜（レイヤー）を1枚かぶせる加工のことです。
PhotoshopやCanvaなどのデザインツールでは「塗りつぶしレイヤーを重ねて不透明度を下げる」という定番テクニックですが、このページでは画像をアップロードして色と濃さを選ぶだけで同じ仕上がりが手に入ります。
明るさやコントラストの補正とは違い、画像全体を選んだ色のトーンに寄せる「色かぶせ」のレイヤー表現なので、写真の雰囲気を保ったまま主張だけをやわらげられるのが特長です。
【設定項目について】
- 重ねる色
「白（明るくする）」は画像を淡く明るくし、黒い文字が読みやすい下地になります。「黒（暗くする）」は画像を暗く落ち着かせ、白い文字が映える下地になります。「色を選ぶ」ではカラーピッカーでお好きな色（ブランドカラーなど）を重ねられます。
- 色の濃さ
重ねる色レイヤーの濃さです。薄くするほど元の画像がよく見え、濃くするほど単色のベタ塗りに近づきます。文字を載せる下地なら50%前後がおすすめです。
- ついでに少しぼかす
チェックを入れると、色を重ねると同時に画像を軽くぼかします。写真の細かい部分が目立たなくなり、上に載せた文字がさらに読みやすくなる定番の組み合わせです。
【使用例】
プレゼン資料を作る方が、スライドの表紙写真を白っぽくしてタイトル文字を読みやすくする
ブロガーやWEBデザイナーの方が、アイキャッチ・ヒーロー画像の上に載せる文字用の下地を作る
店舗のSNS担当の方が、告知バナーの写真を暗くして白文字のキャンペーン情報を目立たせる
企業サイトの写真にコーポレートカラーを薄く重ねて、サイト全体のトーンを統一する
【カラーオーバーレイとは】
カラーオーバーレイとは、画像の上に半透明の色の膜（レイヤー）を1枚かぶせる加工のことです。
PhotoshopやCanvaなどのデザインツールでは「塗りつぶしレイヤーを重ねて不透明度を下げる」という定番テクニックですが、このページでは画像をアップロードして色と濃さを選ぶだけで同じ仕上がりが手に入ります。
明るさやコントラストの補正とは違い、画像全体を選んだ色のトーンに寄せる「色かぶせ」のレイヤー表現なので、写真の雰囲気を保ったまま主張だけをやわらげられるのが特長です。
【設定項目について】
- 重ねる色
「白（明るくする）」は画像を淡く明るくし、黒い文字が読みやすい下地になります。「黒（暗くする）」は画像を暗く落ち着かせ、白い文字が映える下地になります。「色を選ぶ」ではカラーピッカーでお好きな色（ブランドカラーなど）を重ねられます。 - 色の濃さ
重ねる色レイヤーの濃さです。薄くするほど元の画像がよく見え、濃くするほど単色のベタ塗りに近づきます。文字を載せる下地なら50%前後がおすすめです。 - ついでに少しぼかす
チェックを入れると、色を重ねると同時に画像を軽くぼかします。写真の細かい部分が目立たなくなり、上に載せた文字がさらに読みやすくなる定番の組み合わせです。
【使用例】
プレゼン資料を作る方が、スライドの表紙写真を白っぽくしてタイトル文字を読みやすくする
ブロガーやWEBデザイナーの方が、アイキャッチ・ヒーロー画像の上に載せる文字用の下地を作る
店舗のSNS担当の方が、告知バナーの写真を暗くして白文字のキャンペーン情報を目立たせる
企業サイトの写真にコーポレートカラーを薄く重ねて、サイト全体のトーンを統一する
