３次元の情報を２次元の図で違和感なく表示する方法

私はプログラマなのですが、数学的と思われるプログラミング上の悩みです。
ソフトウェアのGUIからユーザーに色を選択してもらうにあたり、
コンピュータで表示できるすべての色が塗られた平面の図を表示し、その一点をユーザーにクリックしてもらいたいのです。
そのために平面の図、つまり２次元の図にコンピュータで表示できるすべての色を表示させたいのです。

簡単にできると思われるかもしれません。
しかしこれは実際やってみるとなかなかできません。
すべての色を表示させることは容易ですが、
色のグラデーションを無視することになります。
例えば赤と青が混じっていく様子をキレイなグラデーションにしたいのです。いきなり違う色になることは避けたいのです。
なかなかできない理由を考えると、コンピュータの色の情報というのは
赤２５６種類、緑２５６種類、青２５６種類の３つの組み合わせによりできる３次元の情報だからなのかなんて思います。

このように考え、このような質問を考えました。
３次元の色の情報を２次元の図でグラデーションをつけて違和感なく表示する方法はありますか？

数学板にスレをたてた理由は
数学的な問題ではないかと思ったためです。
よろしくお願いします。

スレ画は囲碁の偉人、本因坊秀策です。

返信する

2次元の図でも、3色からなりたつ液晶のピクセルの集合体だから、どうなんでしょうね？
8kモニターなら1677万色の倍の画素数なので、カラーピッカーを映して離れてみれば綺麗に見えるんじゃ無いのかな〜

返信する

質問がわかりにくいので質問を訂正します。

赤０，緑０，青０から赤２５５，緑２５５，青２５５までのすべての組み合わせの色、つまり２５６の３乗個の色の情報を２次元の図でグラデーションをつけて違和感なく表示する方法はありますか？　

返信する

>>3
そうです、カラーピッカーです。
２５６の３乗の数の色、つまり普通のコンピュータで表示できるすべての種類の色を、ひとつのカラーピッカーに表示させたいのです

返信する

>>3
３次元てわかりにくかったですね、３次元配列に訂正します。
例えば仮に色が赤と青の２色つまり２次元配列だけの情報から出来ているとすれば
x座標を赤、y座標を青として、座標をそのまま色の情報と座標の位置情報してしまえば((0,0)から(255,255)のように)グラデーションで色が表示されると思います。
ここにもう一色、緑を加えると、３次元配列になり、とたんに２次元の図では表示できなくなります。　

返信する

それを実現できているソフトがあるのならそれを真似ればいい話だけど、企業秘密じゃないだろうか。
あとそれを教えた人が人生が変わるほどの利益を得ることはできますか？

おそらく教えた人は何も変わらないでしょう。私も過去に多くの人を的確な助言で助けた事があるが、金銭的な利益を得ることは一度もなかったし。

返信する

>>9
１です。ホントその通りです。
甘かったですね。
私もこのスレを立てた結果、頭が整理されていくつか見えてきたものがあります。
おそらく正解を出すのに３ヶ月以上もしくはもっとかかるかもしれませんが
この問題を考えることを当分の間の楽しみにしたいと思います。
そんなわけで近日スレを消そうかなと思います。
しばらく残す理由はプログラミングの面白さを表現できているスレだなと思うためです。

返信する

現状見えていることは２つです。
ひとつ目は、２５６ｘ２５６の正方形のカードを用意し赤と緑の色を０から２５５まで変化させて色を描画します。さらにその正方形のカードを今度は青の色を０から２５５まで変化させて２５６枚作ります。
２５６枚のカードに２５６の３乗個の色すべてが描画されました。

そしてそのカード２５６枚を積み重ねます。
こうすることで擬似的に２５６ｘ２５６ｘ２５６の立方体ができます。
これらのカードをイメージしてなんとかならんかと考えました。そして完璧なグラデーションではありませんが思い浮かびました。
１枚目のカードの右端の色と、２枚目のカードの右端の色はほぼ同じです。この２枚をつなげることが出来ると思われます。
これを３枚目以降にも行いそして４枚目、、最後に２５６枚目まで行えば１枚につながります。
思考実験中です。プログラミングしてしまえばいいのですがまだしてません。

ひとつめの方法の発想は、
１枚目のカードの右端と２枚目のカードの右端、２枚目の左端と３枚目の左端、３枚目の右端と４枚目の右端をつなげる。。。ということを繰り返し、２５６枚のカードが１枚につながるという発想でした。
ふたつめの発想は左右に限らず上下左右にも繋げるという発想です。
立方体の展開図のようにつなげてゆき、１枚の図としてしまうという発送です。
展開図なので左右や上下で重複するカードもあるかもしれませんが面白そうです。
これでできるような気もしますが、思考実験中です。

以上です

返信する

パッと思いついたのは
（パソコンであれば）マウスホイールを使うことですね
赤緑をマウスポインタで選択して、任意の点で青成分をマウスでいじるとか
直感的操作という点では疑問は残りますが

あと手っ取り早く画面を三次元にする方法としては動画（時間軸を足す）とかでしょうか

マウスホイールで巻き戻しができるようにする、なんていうのもありかなと思います
要は赤緑はポインタで選択、青成分が時間で変化、気になる色があったら一時停止、マウスホイールで巻き戻し、微調節ができるみたいな

返信する

>>15
ホイールでいじるなら輝度の方がいいですね…HSL色空間とか使うのはどうでしょうか

返信する

虹色の横長の四角を描いてそこから上側を白で下を黒でグラデーションにすれば全色入りそうだけど

返信する

>>17
そう簡単にはうまくいかないと思います
http://illustrator-labo.com/?p=116...
このサイトは分かりやすいと思います

返信する

あー
でも>>17さんのコメントで思いついたんですが、
こういうのはどうでしょうか
>>18で挙げたサイトさんの画像を転用しますが

白→黒 という方向にとらわれずに何度も折り返せばグラデーションになりますね

返信する

多分こんな感じで撫でるように描画していけば（もちろん実際はもっと細かく折り返すべきですが）、白→黒感も出ると思います

返信する