テーマの中心は、多肉からクラフト、身近な疑問に変化。前に「ブログに使用する画像と解像度の話」をしました。その記事では、1ピクセルは3バイトの色情報を持っていると、説明しました。1ピクセルの3バイトの色情報とは、何色の色を表現できる色情報なんでしょうか?という点に関して、説明したいと思います。※この記事は、「ブログに使用する画像と解像度の話」の記事が長かったので、その記事に含まれていた色情報の部分を分離して、独立した記事に編集し直しました。PatternPicturesによるPixabayからの画像1ピクセルで16,772,216色1ピクセル=3バイトでしたね。bit=16,777,216bitになります。1pixelは、16,777,216の情報があるということなので、16,777,216の色を表現できるということになります。※実用的には、16,772,216の数値を表現するのに、6桁の16進数を用いて、左側に#を付けて、#000000~#FFFFFFまでの数値で表します。16,772,216です。参考までにですが、10進法で数字は0~9までの10種類しかないので16進法では、A,B,C,D,E,Fの6文字を10~15までの数字の代わりに使用します。A,B,C,D,E,Fは大文字でも小文字でも構いません。16,772,216色のうちどの色かを表しています。#F6FA22は、たまたま頭に浮かんだデタラメの数値ですが、どれも16進法の数字なので、これでもちゃんと色を表示してくれるはずです。左側1バイトの数値が赤の情報(R)真ん中の1バイトが緑色の情報(G)右側の1バイトが青の情報(B)を表しています。「RGB」という言葉を聞いたことがあると思いますが、まさにそのRGB(赤緑青)なんですね。先程登場したデタラメ色の#F6FA22を分解すると、赤「F6」と緑「FA」と青「22」になります。赤「F6」と緑「FA」の色の成分は「FF」に近いので沢山あり、青「22」の色成分は「00」に近いので少ないですね。純粋な黄色よりほんの少しだけ緑色側に近く、それにほんのちょっぴり青が入った色?では、次の項目で実際に見てみましょう。#F6FA22の色を確認する1赤「F6」の色、つまり「#F60000」の色です10進法で光の赤の成分が「246」ある状態です。2緑「FA」の色、つまり「#00FA00」の色です10進法で光の緑色の成分が「250」ある状態です。3青「22」の色、つまり「#000022」の色です10進法で光の青の成分が「34」ある状態です。4赤「F6」、緑「FA」、青「22」が混じった色、つまり1と2と3の光の色の成分を混ぜた状態、これが「#F6FA22」の色です10進法で光の、赤の成分「246」と緑色の成分「250」と青の成分「34」がある状態です。偶然にも、おおむね予想した色といってもいいですね。これの状態を見た方のうちには、色々混ぜたのに4が一番明るく見える、へんだな?と感じた方もおられるかも知れませんね。「光の混色」は、「色の混色」と大きく違う点があります。それは、「光の混色」は色の成分を沢山混ぜるとその分明るくなります。逆に「色の混色」は色の成分を沢山混ぜるとその分暗くなります。4の色に青「22」の光の成分が入らなかったとすると、どんな色かを見てみましょう。赤「F6」、緑「FA」、青「00」が混じった色、つまり1と2の光の色の成分を混ぜた「#F6FA00」の色ですこの色は、4の色と違いがわからないぐらいですね。違いがわからないぐらい、青の光の成分が少なかったということです。青「22」がかなり「00」に近いというのは、こういうことになるのですね。まとめ数値が00に近いほど暗く、FFに近いほど明るい色になります。1pixelの中の数値の組み合わせが16,772,216通りありました。真っ黒は#000000です、真っ白は#FFFFFFです。これ以外で、3つの組の数値が同じだとグレイに見えます。#444444と#999999はどちらもグレイですが、前者は暗く後者は明るいグレイです。グレイの#999999のうち、左側の数値が高いと少し赤っぽいグレイ、真ん中の数値が高いと緑色っぽいグレイ、右側の数値が高いと青っぽいグレイになります。黒は、黒い色があるというのではなく色情報がないと考えます。色情報がないので、PCやTVでは何も光を発しないので黒く見えるのです。黒い光は存在しません。黒っぽいのは光の量が少ない状態です。逆にFFは色情報が目一杯あるので明るい。赤は#FF0000、緑色は#00FF00、青は#0000FFです。RGBの各色の「FF」の部分を「00~FF」の間の数値に変えると明るさが異なる各色になります。RGBの各色を組み合わせで、様々な色を表現しています。■色情報のサイトのリンクサイトの正式名が分かりませんが、様々な色とその16進数のRGB値をとりまとめた参考になるサイトのリンクです。<色見本>タブには以下の内容の色の情報があります。洋色大辞典~カタカナ表記される慣用色285色の色名と16進数web216~Webセーフカラー216色の16進数パステルカラー~パステルカラー300色の16進数ビビッドカラー~ビビッドカラー300色の16進数モノトーン~モノトーン256色の16進数メトロカラー~地下鉄のシンボルカラーと16進数その他にも、<配色><色を探す><色で遊ぶ><ランキング>のタブが用意されています。以上、「画像の持つ色情報」のお話でした。7年以上続く定番の朝食ブログ気持玉クリックして気持ちを伝えよう!ログインしてクリックすれば、自分のブログへのリンクが付きます。0この記事へのコメントtorこんばんは。違いが分かりませんでした。凄い量の色情報になるのですね。絵具も混ぜれば色々と作れますが16進数を使って表すのも面白いですね。昔使っていた色鉛筆は12色でした。19:24わけいtorさんへコメントどうもありがとうございます。1600万色もあっても、人には到底見分けられないですねよ。虹が7色ということになっていますが、実際は連続した色なので、無限ともいえるわけですが、光の研究をしたニュートンが音の種類が7つなので、それに合わせて光も7色にした方が神秘的?と考えたらしいです。実際のところ、私は虹を見ても、せいぜい3色ぐらいにしか見えません。いっても、3色や7色の風景写真などはとても不自然に感じるはずです。私、今でも色鉛筆を使っているのです。PCのすぐ横に置いてありますが、110色以上はあると思います。絵の具なら12色あれば十分ですが、色鉛筆は混色が難しいので、多くなってしまいました。20:12wingaおはようございます。今回も「お気入り」に。こんな情報を皆さんに発信なさるって、凄い!としか言いようがありません。06:34偽ストラトなるほど、参考になりました。