![](/img/datachef/loading.gif?cache=20240727082451)
画像を白黒(モノトーン)にする
処理中です
サンプル Before
サンプル After
![グレースケール変換例 元画像](/img/imagechef/before_after/grayscale/tomato_still_life/original.jpg?cache=20240727082451)
元画像
![通常のグレースケール変換](/img/imagechef/before_after/grayscale/tomato_still_life/grayscale.jpg?cache=20240727082451)
通常のグレースケール
![赤い部分を残したグレースケール変換](/img/imagechef/before_after/grayscale/tomato_still_life/color_isolation.jpg?cache=20240727082451)
赤い部分を残した白黒
![赤い部分を残した、茶系のグレースケール変換](/img/imagechef/before_after/grayscale/tomato_still_life/fill_brown_isolate_red.jpg?cache=20240727082451)
塗りの色を茶系に設定
機能概要
このページでは、アップロードした画像をオンライン上で白黒(グレースケール)の画像に変換できます。
初期設定で一発変換する場合、もっともオーソドックスな印象の白黒画像に変換されます。
また、好みに応じて以下の設定を変更し、より個性的でスタイリッシュな画像にすることもできます。
明るさ: 環境光の強さを設定できます。
コントラスト: コントラストが高いほど陰影の差がくっきりします。
塗りの色: 白黒以外にも、茶系など指定した色味でモノトーンの画像にすることができます。
一色だけ元の色を残す: 全体はグレースケールで、元画像の赤い部分だけ色を残すといった処理ができます。残す色と適用範囲を指定可能です。
出力形式: JPEG/PNG/WebP/GIF/BMP/TIFF
元画像で対応しているファイル形式はJPEG、PNG、GIF、BMP(ビットマップ)、WebP、ICO、TIFFです。
初期設定で一発変換する場合、もっともオーソドックスな印象の白黒画像に変換されます。
また、好みに応じて以下の設定を変更し、より個性的でスタイリッシュな画像にすることもできます。
明るさ: 環境光の強さを設定できます。
コントラスト: コントラストが高いほど陰影の差がくっきりします。
塗りの色: 白黒以外にも、茶系など指定した色味でモノトーンの画像にすることができます。
一色だけ元の色を残す: 全体はグレースケールで、元画像の赤い部分だけ色を残すといった処理ができます。残す色と適用範囲を指定可能です。
出力形式: JPEG/PNG/WebP/GIF/BMP/TIFF
元画像で対応しているファイル形式はJPEG、PNG、GIF、BMP(ビットマップ)、WebP、ICO、TIFFです。
DataChefの特徴
![](/img/datachef/feature/free_of_charge_400.png?cache=20240727082451)
無料
![](/img/datachef/feature/no_membership_400.png?cache=20240727082451)
会員登録不要
![](/img/datachef/feature/safe_and_secure_400.png?cache=20240727082451)
安全・安心
![](/img/datachef/feature/high_speed_400.png?cache=20240727082451)
高速
![](/img/datachef/feature/no_watermark_400.png?cache=20240727082451)
透かしなし
![](/img/datachef/feature/commercial_use_400.png?cache=20240727082451)
商用利用可能
【各設定項目について】
■明るさ
![グレースケール変換例 元画像](/img/imagechef/before_after/grayscale/desk/original.jpg?cache=2024072708)
元画像
![グレースケール変換例 明るさ設定: -50](/img/imagechef/before_after/grayscale/desk/brightness_minus_50.jpg?cache=2024072708)
明るさ: -50
![グレースケール変換例 明るさ設定: ±0](/img/imagechef/before_after/grayscale/desk/brightness_default.jpg?cache=2024072708)
明るさ: ±0
![グレースケール変換例 明るさ設定: +20](/img/imagechef/before_after/grayscale/desk/brightness_plus_20.jpg?cache=2024072708)
明るさ: +20
環境光の強さを設定できます。カメラでいうと、「露出」の設定を変更する場合と類似した効果が得られます。
自動補正による最適化も可能です。
上に文字を重ねる場合、文字色が明るければ画像は暗めに、逆に文字色が暗ければ画像は明るめにすると読みやすくなります。
別の設定項目である「塗りの色」の選択色を明るい/暗い色にすることで明るさを変えることもできます。
■コントラスト
![グレースケール変換例 元画像](/img/imagechef/before_after/grayscale/desk/original.jpg?cache=2024072708)
元画像
![グレースケール変換例 コントラスト設定: -30](/img/imagechef/before_after/grayscale/desk/contrast_minus_30.jpg?cache=2024072708)
コントラスト: -30
![グレースケール変換例 コントラスト設定: ±0](/img/imagechef/before_after/grayscale/desk/contrast_default.jpg?cache=2024072708)
コントラスト: ±0
![グレースケール変換例 コントラスト設定: +30](/img/imagechef/before_after/grayscale/desk/contrast_plus_30.jpg?cache=2024072708)
コントラスト: +30
コントラストを上げるほど陰影の差がくっきりし、下げると薄ぼんやりとした印象になります。
自動補正による最適化も可能です。
上に文字を乗せる場合などはコントラストを下げると文字が見やすくなりおすすめです。
■濃淡を決める優先基準
「色の濃さ」基準の変換が向く例
![グレースケール変換例: 元画像](/img/imagechef/before_after/grayscale/tea_still_life/original.jpg?cache=2024072708)
元画像
![グレースケール変換例:「色の濃さ」優先](/img/imagechef/before_after/grayscale/tea_still_life/lightness_max.jpg?cache=2024072708)
「色の濃さ」優先
![グレースケール変換例:「色の濃さ」と「光の強さ」を同程度に考慮(初期設定)](/img/imagechef/before_after/grayscale/tea_still_life/brightness_lightness_even.jpg?cache=2024072708)
中間(初期設定)
![グレースケール変換例:「光の強さ」優先](/img/imagechef/before_after/grayscale/tea_still_life/brightness_max.jpg?cache=2024072708)
「光の強さ」優先
「光の強さ」基準の変換が向く例
![グレースケール変換例: 元画像](/img/imagechef/before_after/grayscale/christmas/original.jpg?cache=2024072708)
元画像
![グレースケール変換例:「色の濃さ」優先](/img/imagechef/before_after/grayscale/christmas/lightness_max.jpg?cache=2024072708)
「色の濃さ」優先
![グレースケール変換例:「色の濃さ」と「光の強さ」を同程度に考慮(初期設定)](/img/imagechef/before_after/grayscale/christmas/brightness_lightness_even.jpg?cache=2024072708)
中間(初期設定)
![グレースケール変換例:「光の強さ」優先](/img/imagechef/before_after/grayscale/christmas/brightness_max.jpg?cache=2024072708)
「光の強さ」優先
カラー画像を白黒に変換する際に、「色の濃さ(Lightness)」と「光の強さ(Brightness)」、どちらの基準をどの程度優先するかを設定することができます。
- 「色の濃さ」を優先:
「色の濃さ」を優先して変換すると、画像の色が濃い部分ほど黒くなり、色が薄い部分ほど白くなります。
色鮮やかな花の写真のように、元の色を感じさせたい場合に適しています。
- 「光の強さ」を優先:
「光の強さ」を優先して変換すると、発光している部分や光が当たっている部分は白く、光が当たらず影になっている部分は黒く表示されます。
イルミネーションなど光っている被写体があったり、光が当たって輝いている部分をしっかりと表現したい場合に適しています。
- 使い分け:
「色の濃さ」と「光の強さ」、どちらの基準を優先してグレースケール化すべきかは、その画像の特徴や伝えたい雰囲気によって異なります。
色が伝わるようなグレースケールにしたいか、光が伝わるようなグレースケールにしたいかで変えるのも良いでしょう。
初期値は両者の中間で、どちらの基準も同程度に考慮します。この場合、デッサン画のように、元々の色も光も想像できるような説得力のある画像になりやすいです。
最終的にどちらの基準を選ぶにしても、試行錯誤が必要です。画像の印象が大きく変わることもあるため、スライダを左右させて異なる設定値をいくつか試し、イメージどおりで違和感のないグレースケール画像を作成してみてください。
■塗りの色
![グレースケール変換例 塗りの色: 黒(初期設定)](/img/imagechef/before_after/grayscale/desk/default.jpg?cache=2024072708)
塗りの色■ (初期設定)
![グレースケール変換例 塗りの色: 灰色](/img/imagechef/before_after/grayscale/desk/fill_color_gray.jpg?cache=2024072708)
塗りの色■
![グレースケール変換例 塗りの色: 薄茶色](/img/imagechef/before_after/grayscale/desk/fill_color_brown.jpg?cache=2024072708)
塗りの色■
![グレースケール変換例 塗りの色: 水色](/img/imagechef/before_after/grayscale/desk/fill_color_blue.jpg?cache=2024072708)
塗りの色■
印刷物に例えると、何色のインクを使って刷るかをイメージした設定項目です。
初期設定ではよくある白黒の画像になりますが、「塗りの色」を変更することで、茶系(セピア)、ブルー系など、別の色味のモノトーン画像にすることもできます。
色合いだけでなく、明るい色/暗い色、鮮やかな色/くすんだ色(ペールトーン)など、全ての色から指定することができます。
簡単にスタイリッシュな雰囲気を出すには、カラーパレットにプリセットされているスウォッチの中から色を選択するのがおすすめです。
■一色だけ元の色を残す
![グレースケール変換例 元画像](/img/imagechef/before_after/grayscale/tomato_still_life/original.jpg?cache=2024072708)
元画像
![グレースケール変換例 一色だけ元の色を残す:オフ(初期設定)](/img/imagechef/before_after/grayscale/tomato_still_life/grayscale.jpg?cache=2024072708)
元の色を残さない
(初期設定)
![グレースケール変換例 残す色:赤](/img/imagechef/before_after/grayscale/tomato_still_life/color_isolation.jpg?cache=2024072708)
残す色■
![グレースケール変換例 残す色:赤 x 塗りの色:薄茶色](/img/imagechef/before_after/grayscale/tomato_still_life/fill_brown_isolate_red.jpg?cache=2024072708)
残す色■ x 塗りの色■
全体は白黒で、赤い被写体だけ赤いままにする、といった処理も可能です。赤に限らず、どの色を残すかを全ての色の中から選択することができます。
- 残す色
元画像の色を残したい部分の色味をよく観察し、色合いを設定してください。
色を残したい被写体には、光がよくあたりハイライトがかかっている領域、影になってくすんでいる領域がありますが、その中間の色を選ぶと綺麗に色を残すことができます。
その中間色部分の色合い、彩度、明るさをよく観察して近い色を設定してみてください。
- 残す色の範囲
色を残したい被写体の一部分が灰色みがかって不自然になってしまう場合は、「残す色の範囲」の設定値を大きくしてください。
意図せず広範囲に色が残ってしまった場合は、「残す色の範囲」の設定値を低めにしてください。
■出力形式
以下から選択可能です。
JPEG/PNG/WebP/GIF/BMP/TIFF
初期設定では元画像と同じ拡張子になります。
【各設定項目について】
■明るさ
![グレースケール変換例 元画像](/img/imagechef/before_after/grayscale/desk/original.jpg?cache=2024072708)
元画像
![グレースケール変換例 明るさ設定: -50](/img/imagechef/before_after/grayscale/desk/brightness_minus_50.jpg?cache=2024072708)
明るさ: -50
![グレースケール変換例 明るさ設定: ±0](/img/imagechef/before_after/grayscale/desk/brightness_default.jpg?cache=2024072708)
明るさ: ±0
![グレースケール変換例 明るさ設定: +20](/img/imagechef/before_after/grayscale/desk/brightness_plus_20.jpg?cache=2024072708)
明るさ: +20
環境光の強さを設定できます。カメラでいうと、「露出」の設定を変更する場合と類似した効果が得られます。
自動補正による最適化も可能です。
上に文字を重ねる場合、文字色が明るければ画像は暗めに、逆に文字色が暗ければ画像は明るめにすると読みやすくなります。
別の設定項目である「塗りの色」の選択色を明るい/暗い色にすることで明るさを変えることもできます。
■コントラスト
![グレースケール変換例 元画像](/img/imagechef/before_after/grayscale/desk/original.jpg?cache=2024072708)
元画像
![グレースケール変換例 コントラスト設定: -30](/img/imagechef/before_after/grayscale/desk/contrast_minus_30.jpg?cache=2024072708)
コントラスト: -30
![グレースケール変換例 コントラスト設定: ±0](/img/imagechef/before_after/grayscale/desk/contrast_default.jpg?cache=2024072708)
コントラスト: ±0
![グレースケール変換例 コントラスト設定: +30](/img/imagechef/before_after/grayscale/desk/contrast_plus_30.jpg?cache=2024072708)
コントラスト: +30
コントラストを上げるほど陰影の差がくっきりし、下げると薄ぼんやりとした印象になります。
自動補正による最適化も可能です。
上に文字を乗せる場合などはコントラストを下げると文字が見やすくなりおすすめです。
■濃淡を決める優先基準
「色の濃さ」基準の変換が向く例
![グレースケール変換例: 元画像](/img/imagechef/before_after/grayscale/tea_still_life/original.jpg?cache=2024072708)
元画像
![グレースケール変換例:「色の濃さ」優先](/img/imagechef/before_after/grayscale/tea_still_life/lightness_max.jpg?cache=2024072708)
「色の濃さ」優先
![グレースケール変換例:「色の濃さ」と「光の強さ」を同程度に考慮(初期設定)](/img/imagechef/before_after/grayscale/tea_still_life/brightness_lightness_even.jpg?cache=2024072708)
中間(初期設定)
![グレースケール変換例:「光の強さ」優先](/img/imagechef/before_after/grayscale/tea_still_life/brightness_max.jpg?cache=2024072708)
「光の強さ」優先
「光の強さ」基準の変換が向く例
![グレースケール変換例: 元画像](/img/imagechef/before_after/grayscale/christmas/original.jpg?cache=2024072708)
元画像
![グレースケール変換例:「色の濃さ」優先](/img/imagechef/before_after/grayscale/christmas/lightness_max.jpg?cache=2024072708)
「色の濃さ」優先
![グレースケール変換例:「色の濃さ」と「光の強さ」を同程度に考慮(初期設定)](/img/imagechef/before_after/grayscale/christmas/brightness_lightness_even.jpg?cache=2024072708)
中間(初期設定)
![グレースケール変換例:「光の強さ」優先](/img/imagechef/before_after/grayscale/christmas/brightness_max.jpg?cache=2024072708)
「光の強さ」優先
- 「色の濃さ」を優先:
「色の濃さ」を優先して変換すると、画像の色が濃い部分ほど黒くなり、色が薄い部分ほど白くなります。
色鮮やかな花の写真のように、元の色を感じさせたい場合に適しています。 - 「光の強さ」を優先:
「光の強さ」を優先して変換すると、発光している部分や光が当たっている部分は白く、光が当たらず影になっている部分は黒く表示されます。
イルミネーションなど光っている被写体があったり、光が当たって輝いている部分をしっかりと表現したい場合に適しています。 - 使い分け:
「色の濃さ」と「光の強さ」、どちらの基準を優先してグレースケール化すべきかは、その画像の特徴や伝えたい雰囲気によって異なります。
色が伝わるようなグレースケールにしたいか、光が伝わるようなグレースケールにしたいかで変えるのも良いでしょう。
初期値は両者の中間で、どちらの基準も同程度に考慮します。この場合、デッサン画のように、元々の色も光も想像できるような説得力のある画像になりやすいです。
最終的にどちらの基準を選ぶにしても、試行錯誤が必要です。画像の印象が大きく変わることもあるため、スライダを左右させて異なる設定値をいくつか試し、イメージどおりで違和感のないグレースケール画像を作成してみてください。
■塗りの色
![グレースケール変換例 塗りの色: 黒(初期設定)](/img/imagechef/before_after/grayscale/desk/default.jpg?cache=2024072708)
塗りの色■ (初期設定)
![グレースケール変換例 塗りの色: 灰色](/img/imagechef/before_after/grayscale/desk/fill_color_gray.jpg?cache=2024072708)
塗りの色■
![グレースケール変換例 塗りの色: 薄茶色](/img/imagechef/before_after/grayscale/desk/fill_color_brown.jpg?cache=2024072708)
塗りの色■
![グレースケール変換例 塗りの色: 水色](/img/imagechef/before_after/grayscale/desk/fill_color_blue.jpg?cache=2024072708)
塗りの色■
印刷物に例えると、何色のインクを使って刷るかをイメージした設定項目です。
初期設定ではよくある白黒の画像になりますが、「塗りの色」を変更することで、茶系(セピア)、ブルー系など、別の色味のモノトーン画像にすることもできます。
色合いだけでなく、明るい色/暗い色、鮮やかな色/くすんだ色(ペールトーン)など、全ての色から指定することができます。
簡単にスタイリッシュな雰囲気を出すには、カラーパレットにプリセットされているスウォッチの中から色を選択するのがおすすめです。
■一色だけ元の色を残す
![グレースケール変換例 元画像](/img/imagechef/before_after/grayscale/tomato_still_life/original.jpg?cache=2024072708)
元画像
![グレースケール変換例 一色だけ元の色を残す:オフ(初期設定)](/img/imagechef/before_after/grayscale/tomato_still_life/grayscale.jpg?cache=2024072708)
元の色を残さない
(初期設定)
(初期設定)
![グレースケール変換例 残す色:赤](/img/imagechef/before_after/grayscale/tomato_still_life/color_isolation.jpg?cache=2024072708)
残す色■
![グレースケール変換例 残す色:赤 x 塗りの色:薄茶色](/img/imagechef/before_after/grayscale/tomato_still_life/fill_brown_isolate_red.jpg?cache=2024072708)
残す色■ x 塗りの色■
全体は白黒で、赤い被写体だけ赤いままにする、といった処理も可能です。赤に限らず、どの色を残すかを全ての色の中から選択することができます。
- 残す色
元画像の色を残したい部分の色味をよく観察し、色合いを設定してください。
色を残したい被写体には、光がよくあたりハイライトがかかっている領域、影になってくすんでいる領域がありますが、その中間の色を選ぶと綺麗に色を残すことができます。
その中間色部分の色合い、彩度、明るさをよく観察して近い色を設定してみてください。 - 残す色の範囲
色を残したい被写体の一部分が灰色みがかって不自然になってしまう場合は、「残す色の範囲」の設定値を大きくしてください。
意図せず広範囲に色が残ってしまった場合は、「残す色の範囲」の設定値を低めにしてください。
■出力形式
以下から選択可能です。
JPEG/PNG/WebP/GIF/BMP/TIFF
初期設定では元画像と同じ拡張子になります。