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

小鹿苑公式ブログ

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

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~255の3つの数字の組み合わせで表現します。


原色はその光の量のみが最大値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
年齢:
38
Webサイト:
性別:
非公開
誕生日:
1987/10/01
職業:
無
趣味:
無
自己紹介:
日常の様子から、行事、整備、職員募集、静岡のPR、生活情報、トリビアまで・・・
もしかしたら「貴方の暮らしに役立つカモ?しれない情報」をお伝えします。