静岡 済生会 特養 忍者ブログ

小鹿苑公式ブログ

ご利用料金、求人情報、入札情報などは、「カテゴリー」からご覧ください。

Google検索で調べてみた(^-^)/(②カラーコード編/全3話)

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Google検索で調べてみた(^-^)/(②カラーコード編/全3話)

色のお話です

昔のブラウン管テレビ↓は、
 「ブラウン管テレビ(2)」(ねこ画伯コハクちゃん)
至近距離で番組を見ると、↓こんな感じに見えたのを覚えていますか?笑
昔のテレビ画面のアップ写真
凝視すると目がチカチカしますのでご注意を。

テレビやモニターなどの仕組みは、

RGB(光の三原色)」である赤(Red)緑(Green)、青(Blue)の光を使って、それぞれの光の量(強弱)により原色だけではなく、様々な色や形を表現します。

では、
本当かどうか、確かめてみましょう。
今時の液晶モニターは肉眼では見えませんので、デジタルカメラを使います。


ワードで「RGB(黒色)」と「RGB(各原色)」と書きました。
ワード
解像度「1920×1080」の液晶画面です。

デジカメでアップ撮影します・・・
ワードをズームしてみた
昔のブラウン管テレビは、こんな感じでしたね。

さらに、アプリで拡大しますと、
並んでいるのがわかりますね。
液晶画面のアップ写真
(タップして極限まで拡大してみてください)

ワードの白地部分」は三色点灯

RGB」黒文字は三色消灯
■■■
RGB」色文字は各原色のみ点灯
R
G
B

光の三原色

さて、
「Word」
「ペイント」などのアプリで色をつけるときは、モニターなので
RGB(光の
三原色)」を使います。

↓「ワード」
の「色の設定」>「ユーザー設定」

「ワード」の「色の設定」>「ユーザー設定」

↓「ペイント」の「色の編集」
ペイント色編集画面ポップアップ
「ペイント」ではなぜか青が「U」になっています。笑

RGB(光の三原色)」
光の三原色RGBカラーリング図
R,G,B」それぞれ0~2553つの数字の組み合わせで表現します。


原色はその光の量のみが最大値255ですので、
R」は「255,0,0」、
G」は「0,255,0」、
B」は「0,0,255」となります。
  
原色が重なる部分は、それぞれの光の量が最大値255ですので、
GBが重なる「C(シアン)」は「0,255,255」、
BRが重なる「M(マゼンタ)」は「255,0,255」、
RGが重なる「Y(イエロー)」は「255,255,0」となります。

原色が3つ重なる部分「255,255,255」で「WT(白)」、
原色が全く無い部分「0,0,0」で「BK(黒)」です。光が無い暗黒の世界。

R,G,Bが同じ割合(比率)の場合は、無彩色(濃淡が違う灰色)になります。
例えば、
「100,100,100」=濃い灰色
「200,200,200」=薄い灰色

0~255の256通りが3つの組み合わせですので、
256×256×256=256^3=16,777,216通りの色が作れます。

色彩の三原色

一方、
プリンター絵の具
などは、
「RGB(光の三原色)」ではなく、CMY(色料の三原色)」で表現します。
色料の三原色
絵の具やペンキなどの基本カラーはC(シアン)、M(マゼンダ)、Y(イエロー)で、全て混ぜると理論的には黒になりますが、

実際には混ぜても茶色っぽくなり、綺麗な黒にはならないので、K(≒黒)を足してCMYKで表現します。

※Kは”黒”の頭文字ではなく、キー・プレート(Key Plate)Kです
インクジェットプリンタの黒インクはBK(BlacK■)ですね。
インクジェットプリンタ黒インク

ディスプレイの色と印刷の色が違うと感じるのは、
RGBで表現できてもCMYKで表現できない色があったり、
ディスプレイの設定やスペックなどにより違ったりするからです。

ですので、
印刷物を色指定して発注する際は、CMYKで指定します。

カラーコード

さらに、
ホームページブログなどWeb
(html)の場合は、
2桁の「16進数(Hexadecimal、略してHEX)」を3つ組み合わせたカラーコードで記述する必要があります。
※この理由は話が長くなるので、また今度にします。笑

↓主な色の対応表です。 
主な原色対応表
※「#」は「16進数が始まりますよ」というコードです。

16進数は、0~9の数字10個とa~fの文字6個の計16個で1桁です。10進数・16進数対照表

16進数は2桁で(16×16=)256通りです。

つまり、HEXもRGBと同じで、
256通りが3つの組み合わせですので、
256×256×256=256^3=16,777,216通りの色が作れます。

カラーピッカー

「RGB」から「CMYK」や「HEX」に変換するのに便利なのが、「Google検索」です。

「カラーピッカー」と検索しますと、
google検索「カラーピッカー」

こんな感じで「カラーピッカー」が表示されます。
「google検索」カラーピッカー
「RGB」に「238,187,203」を入力しますと、「HEX」が「#eebbcb」となりました。
ちなみに、この色は「撫子色です。
 
なでしこ紋章
 」は、
猩々緋色DIC-N724≒RGB(206,49,61)」と、
暗い黄みの緑DIC-376≒RGB(61,115,61)」です。
※「DIC-○○○」は、DIC社が出版する「DICカラーガイド」で定められた色です。
 
  
さて、
突然ですが、クイズです。
当たっても何も景品はありません。

若草色のRGBの数値はいくつでしょう
あてずっぽうで、0~255の数字を3つ答えてください。


答えは・・・
RGB(195,216,37)です。

まさか、当たってしまいましたか?
当たる確率は1/16,777,216(256^3)です
年末ジャンボ宝くじ1等の当選確率が1/20,000,000と言われています。

※「撫子色」も「若草色」も統一された数値はなく、作った人(会社)によって数値はマチマチです。

ロゴなどの色指定

ちなみに、
ポスター・ロゴ・アイコン・キャラクターなどは、形状や色の指定があります。
国際連合広報センター「SDGsのポスター・ロゴ・アイコンおよびガイドライン」より
国際連合広報センター「SDGsのポスター・ロゴ・アイコンおよびガイドライン」より

例えば、
SDGs目標1貧困をなくそう」のロゴは「RED■」ですが、
「RGB=229,36,59、HEX=e5243b、CMYK=1,100,92,0」と指定されています。

印刷やホームページなどでロゴなどを使用する場合色ズレしないように気を付けましょう


To be continued...
次回は、Googleレンズ編です。お楽しみに~

【関連記事】17の目標の文字色を指定色にしてあります。必見です!
SDGsと済生会~ソーシャルインクルージョン~」(2020.01.16)
Google検索で調べてみた(^-^)/(①電卓編/全3話)」(2020.08.12)
PR

コメント

ただいまコメントを受けつけておりません。

プロフィール

HN:
bambi
年齢:
37
Webサイト:
性別:
非公開
誕生日:
1987/10/01
職業:
趣味:
自己紹介:
日常の様子から、行事、整備、職員募集、静岡のPR、生活情報、トリビアまで・・・
もしかしたら「貴方の暮らしに役立つカモ?しれない情報」をお伝えします。