HDRiな生活

HDR(ハイダイナミックレンジ)写真の連載。ストックフォトでカメラ機材代の捻出を目論む。


トーンマッピングの「トーン」とはなんぞや?

トーンマッピングの「トーン」とはなんぞや?

今まで流れに任せてトーンがトーンが言ってましたが、おそらくトーンの定義をした人物の書物を読んだので備忘エントリ。

トーンの定義
ある色が、最大限の刺激純度(彩度)を持つとき、白の混合で薄めたり黒の混合で深めたりするとき、それぞれが変化して異なった色調になることをさす意味だけに限定して、「トーン」の用語を定義したい。

今までにわか知識で漠然と口にしていたことも多く、不安な要素もたくさんあったのですが、とりあえずこれ一冊で、色に関しての知識は網羅できました。

ついでにJavascriptで赤(#ff0000)のトーンを表現してみた

赤の純色を#ff0000とすると、#000000→#ff0000→#ffffffを順番に塗りつぶせばトーンが表現できるなぁと。以下スクリプト。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> function makeScale() { var color; for(var i=0;i<511;i++){ //000000〜ff0000 if(i<255){ if(i<16){ color = "0" + i.toString(16) +"0000"; }else{ color = i.toString(16) +"0000"; } } //ff0000〜ffffff if(i>255){ if(i<271){ color = "ff0" + (i-255).toString(16) + "0" +(i-255).toString(16); }else{ color = "ff" + (i-255).toString(16) + "" +(i-255).toString(16); } } document.write("<td width='1px' bgcolor='#" + color + "'>"); document.write("</td>"); } } </script> <title>Javascriptで赤(#ff0000)のトーンを表現</title> </head> <body> <table style="border:1px solid #eee;"border="0" cellspacing="0" cellpadding="0" width="510px"> <tr height="20px"> <script type="text/javascript">makeScale();</script> </tr></table> </body></html>

以下、実行結果。

また、現在のweb技術上に限ってはこのトーンは純色の赤のスケールであると定義できる。

こんなどシロウトが寸分の狂い無く純色のスケールを描けるんだから、本当、感謝。シュブルール先生が見たら驚くだろうな。

コメント: 2

« 前の3件  1   2   3   4   5   6   7   8   9   10   11   12   13   14   15   16   17   18   19   20   21   22   23   24   25   26   27   28   29   30   31   32   33   34   35   36   37   38   39   40   41   42   43   44   45   46   47   48   49   50   51   52   53   54   55   56   57   58   59   60   61   62   63   64   65   66   67   68   69   70   71   72   73   74   75   76   77   78   79   80   81   82   83   84   85   86   87   88   89   90   91   92   93   94   95   96   97   98   99   100   101   102   103   104   105   106   107   108   109   110   111   112   113   114   115   116   117   118   119   120   121   122   123   124   125   126   127   128   129   130   131   132   133  134  135   136   137   138   139   140   141   142   143   144   145   146   147   148   149   150   151   152   153   154   155   156   157   158   159   160   161   162   163   164   165   166   167   168   169   170   171   172   173   174   175   176   177   178   179   180   181   182   183   184   185   186   187   188   189   190   191   192   193   194   195   196   197   198   199   200   201   202   203   204   205   206   207   208   209   210   211   212   213   214   215   216   217   218   219   220   221   222   223   224   225   226   227   228   229   230   231   232   233   234   235   236   237   238   239   240   241   242   243   244   245   246   247   248   249   250   251   252   253   254   255   256   257   258   259   260   261   262   263   264   265   266   267   268   269   270   271   272   273   274   275   276   277   278   279   280   281   282   283   284   285   286   287   288   289   290   291   292   293   294   295   296   297   298   299   300   301   302   303   304   305   306   307   308   309   310   311   312   313   314   315   316   317   318   319   320   321   322   323   324   325   326   327   328   329   330   331   332   333   334