明暗の確認ツール

参考写真を選びます。元の写真と、その明暗の習作を並べて表示します。白黒の写真と、選んだ段階数の明暗で、描く前に明るい部分と暗い部分を確認できます。

無料 ブラウザで動作 2026年11月10日火曜日確認済み

このツールはブラウザ内で動作します。入力した内容が当社に送信されることはありません。

使い方

  1. ファイルを選択を押すか、写真を枠にドロップします。写真は端末の中で読み込まれます。
  2. 明暗の段階を選びます。ノタン(明るいと暗いだけ)なら2、より詳しい明暗の習作なら5か7です。
  3. 薄目で見る表示にチェックを入れると、最初に写真がぼかされ、明暗の大きな形だけが見えます。
  4. 明暗の習作を元の写真と比べ、明暗の習作をダウンロード(PNG)でPNGとして保存します。

白黒と段階の作り方

各画素には相対輝度が与えられます。これはWCAG 2.1のアクセシビリティ指針の明るさの尺度で、赤、緑、青の値を線形にし、0.2126、0.7152、0.0722の重みで合わせたものです。結果は、黒の0から白の1までの範囲になります。

明暗の段階は、CIE L*で等しく分けられます。L*は、人が明るさを見る感覚に合う明度の尺度です。各段階は、その段階の中央に見える灰色で描かれるため、習作は目で見たときと同じ段階を示します。

Y = 0.2126 R + 0.7152 G + 0.0722 B(R、G、Bは線形、0から1)
L* = 116 × Y^(1/3) − 16(Yが0.008856より大きい場合)
段階:L*の0から100の範囲を等しい部分に分ける

2段階、薄目、このツールが含まないもの

2段階はノタンで、明るい形と暗い形による白黒の模様です。画家は色を使う前に、絵の構図を確かめるためにこれを使います。5段階か7段階では、中間の明るさがより多く表示されます。絵の描きにくい問題の多くは、そこに潜んでいます。

薄目で見る表示は、段階を作る前に写真をぼかします。画家が細部を失わせるために目を細めて見るのと同じです。ぼかしは、短い辺の約2%です。この習作は写真のままから作られるため、光沢のある面やフラッシュの光は、部屋で目に見える明るさとは違って暗く、または明るく見えることがあります。

  • 写真は、約200万画素までのコピーとして解析されます。ダウンロードするPNGは、そのコピーです。
  • 色は無視されます。明るさが同じ赤と緑は、同じ段階になります。

計算例:中間の灰色、値128

sRGBの値128の灰色は、相対輝度が0.2159です。そのL*は116 × 0.2159^(1/3) − 16 = 53.6で、目盛りの中央をわずかに上回ります。

2段階のノタンでは、53.6は明るい段階に入り、灰色の185で描かれます。5段階の習作では中央の段階に入り、灰色の119で描かれます。段階はL*で20の幅があり、この値は5段階の3番目だからです。

明暗の段階 L* 53.6の段階 描かれる灰色
2段階(ノタン) 明るい(2番目) 185
5段階 中央(3番目) 119

よくある質問

習作はなぜ単純な輝度ではなく、L*の段階を使うのですか?

輝度を等間隔に分けると、ばらつきが不均一に見えます。最も暗い2段階の差は、最も明るい2段階の差よりずっと大きく見えるためです。L*は人が明るさを見る感覚に合わせて間隔が取られているため、各段階は隣との距離が同じくらいに見えます。

ノタンとは何ですか?

ノタンは、明るさと暗さの2段階で行う習作で、色を使う前に絵の構図を計画するのに使われます。Wikipedia(英語)のノタンの記事は、白黒の2段階のスケッチから始まる明暗の配置として説明しています。

薄目で見る表示のために、なぜ写真をぼかすのですか?

ぼかすと細部が消え、明暗の大きな形が際立ちます。画家が被写体を薄目で見るときに見えているのはこれで、主要な大きな塊が正しいかどうかが分かります。

写真はサーバーにアップロードされますか?

いいえ。写真はブラウザの中で読み込まれ、習作は端末の中で作られます。選んだ内容が送られることはありません。

明暗の段階は何段階にすべきですか?

2段階は大きな構図の確認に、3段階か5段階はほとんどの習作に向いており、7段階は細かい階調を示します。まず5段階から始め、明暗の構造がはっきりしたらノタンに移ってください。

出典

数値と文章の最終確認日:2026年11月10日火曜日。

当サイトの運営に必要なCookieを使用します。お客様の同意があれば、Googleは広告用Cookieを使い、パーソナライズ広告を表示します。拒否された場合も広告は表示されますが、パーソナライズはされません。