2009/11/14
なるほどこういうことだったのか~!わかった♪IT用語 Webセーフカラー
■□ なるほどこういうことだったのかぁ~! □■ □■ わかったっ♪IT用語 ■□ 次から次に出てくるIT用語って「???」ですね。 でも大丈夫! 指導内容のわかりやすさ”日本一”をめざす石岡美奈子が 20年以上の指導歴を生かして、 かみくだいてかみくだいてご紹介します。 =-=-=-=-=-=- 発行者:MINE(マイン) 2008.11.14 195号 ★☆ 3,108名の方にお読みいただいております。感謝!!☆★ melma!(メルマ) 1,601名(1,301名+300名)まぐまぐ 915名 カプライト 497名 めろんぱん 95名 ★☆ 感謝!! melma!(メルマ) 【メルマ!ガ オブ ザ イヤー2008、インターネット部門カテゴリ賞】 2005年、2007年に続いて3度めの受賞をいたしました。 これも皆様のおかげです。本当にありがとうございます!!☆★ http://melma.com/contents/moy2008/#cat05 ┃ ★ ごあいさつ ┗━━━━━━━━━━━━━━━━━━━━━━━━ こんにちは! 今週もお読みいただき、まことにありがとうございます。 初めてお読みいただく方、はじめまして! 「???」なITの指導内容のわかりやすさ”日本一”をめざす 石岡美奈子です。 早いもので、今年もあと1ヶ月と半分を切りました。 寒くなってきていますが、お元気でしょうか? さてただいまコンピュータの基本となる 2進数、16進数をご紹介しています。 今週は16進数つながりで「セーフカラー?」をお話します。 どうぞ肩の力を抜いて、リラックスしてお読みください(*^_^*) ┃ ★ おさらい ┗━━━━━━━━━━━━━━━━━━━━━━━ パソコンなどのコンピュータの最小単位は、 【ビット(binary(バイナリ=2進数)digit(桁)の略 ~~ ~ =2進数1桁のこと)】です。 (コンピュータで数字(人が通常使う10進数)を扱う場合、 0(=電子回路ON)と1(=電子回路OFF)の2つの数字で表現できる 【2進数】が「シンプルで、計算ミスも少ない」ことから採用。) ただ桁数が多くなると、2進数では作業が非常に煩雑になるため、 現在は処理がしやすい16進数が一般に採用されています。 (でも基本は、2進数ですよ♪) ---- 16進数? ----------------------------------------- 人が理解しやすいように、この2進数(1~4桁)を 0~Fの1桁に表現したのが【16進数】。 1桁を0~9、A~Fの16種類で表記します。 (0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f) ---- 16進数のメリット --------------------------------- ○16進数を4つの2進数のまとまりに分けて処理できるため、 数値の変換が16進数-10進数のほうがカンタン♪ ○大きい桁になればなるほど、2進数に比べて処理が短い。 ----------------------------------------------------- それから「00」や「FF」のように、16進数2桁のことを 【バイト(byte:略してb】と言って、「ギガバイト」など コンピュータなどの単位として、よく使用されています。 ----- 参考 -------------------------------------------- 「1バイト=8ビット(2の8乗=256:256通りの表現が可能)」 約1,000バイト(正式には1,024バイト)=1キロバイト(1KB) 約1,000KB=1メガバイト(MB 通称「メガ」) 約1,000MB=1ギガバイト(GB 通称「ギガ」) 約1,000GB=1テラバイト(TB 通称「テラ」) -------------------------------------------------------- この16進数、さまざまなところで使われています。 たとえばサイト(通称:ホームページ、Webページ、Webサイト)で 表現される色を指定する場合も、16進数が使われます。 (#000000など数字やアルファベット(色を16進数で表現したもの。) #に続く6桁で表示されたものを、【カラーコード】と言います。) 例)赤をサイト(通称:ホームページ)で指定する場合、 「#ff0000」という 「#と16進数の組み合わせ」であらわします。 (画面の色表現は、 ”光の3原色「赤(red)」「緑(green)」「青(blue)」”を使って 表現します。この赤・緑・青のそれぞれ頭文字をとって、 【RGB(アールジービー)】と言われています。) このカラーコードの見方としては、#の後の2桁の数字が赤、隣の2桁が緑、 最後の2桁が青を表します。 (0が最も薄く、Fに近づけば近づくほど濃くなります。) --「赤」(#ff0000) # ff 00 00 赤(R) 緑(G) 青(B) (赤が最も濃く(ff)、緑(00)と青(00)は最も薄い) --「緑」(#00ff00) # 00 ff 00 赤 緑 青 (緑が最も濃く(ff)、赤(00)と青(00)は最も薄い) --「青」(#0000ff) # 00 00 ff 赤 緑 青 (青が最も濃く(ff)、赤(00)と緑(00)は最も薄い) --「白」(#ffffff) # ff ff ff 赤 緑 青 (光の三原色・赤、青、緑の光を合わせると白となります。) --「黒」(#000000) # 00 00 00 赤 緑 青 (光の三原色・赤、青、緑が全くありません。) ------------------------------------------------ それからカラーコードは 16進数2桁(1バイト)×3=3バイト(24ビット)のため、 コンピュータで色を扱う場合、3バイト(24ビット:2の24乗)で 表現することが可能です。 --- 参考 ------------------------------------------ 16進数2桁=1バイト(8ビット2の8乗=256:256通りの表現可能) ff ff ff (1バイト:8ビット)+(1バイト:8ビット)+(1バイト:8ビット) =3バイト(24ビット)=2の24乗(256×256×256) =16,777,216(1677万7216) ----------------------------------------------------- この3バイトで表現できる16,777,216種類の色を、 パソコンで扱うことができます。 (この16,777,216色を 【フルカラー(別名:トゥルーカラー、24ビットカラー)】と言います。 またサイト(通称:ホームページ)の「写真」などに使われる 画像の種類【JPEG(またはJPG:ジェイペグ)】(3バイト使用)で 表現できる色数は16,777,216色(フルカラー)です。 そしてもう1つ、サイトの「イラスト」などに使われる 画像の種類【GIF(ジフ、またはギフ)】(1バイト使用)で 表現できる色数は、1バイトで表現できる256色となり、 GIFはJPGに比べると情報量を少なくすることができます。 ┃ ★ はじまり、はじまり。 ┗━━━━━━━━━━━━━━━━━━━━━━━ ★ 字が崩れることがありますので等幅フォントでご覧ください。 パソコンや携帯電話、デジタルカメラなどのモニター(画面)って、 種類もたくさんあるし、性能がぐんと良くなってきてますよね? ( ̄‐ ̄)(_‐_) うん、いろんなのがあるよね~! パソコンも、ウィンドウズ(Windows:マイクロソフト社)とか マッキントッシュ(通称:マック、Mac アップル社)とかあるしね。 (WindowsやMacは、パソコンを動かすのに必要な 基本ソフト(OS)のこと。) そうそう。以前はパソコンって、文字しか扱えなかったから モニター(画面)の色数もあまり使えなかったんですけど、 今や技術の進歩は、すごいですよね。(しみじみ・・・) さてさて今週ご紹介する【Webセーフカラー】。 これは今から15年ほど前に、ブラウザ(ホームページを見るためのソフト) ネットスケープ(Netscape 通称:ネスケ)を作った Netscape Communications社(現在はAOL社に買収)が提案した 216色の色のことなんです。 インターネットってウィンドウズやマック、新しいパソコンや古いパソコン、 携帯電話、そのほかインターネットエクスプローラーなどの ブラウザ(ホームページをみるためのソフト)など、いろんな種類の コンピュータ同士(これを【コンピュータ環境】、【環境】と言います。)が つながってるから、見ている人のコンピュータによっては 正しく色が表現できないという問題があります。 そのため当時のNetscape社が、8ビット(1バイト)カラー256色のうち MacintoshとWindowsで異なる40色を除いた最低限必要と思われる216色を選び、 ”Netscape社のブラウザ「Netscape Navigator」でホームページを見ると、 どんな環境でもこれらの色は必ず表示できますよ!”と保証したんです。 これが【Webセーフカラー】。 このWebセーフカラー、光の三原色「赤(R)青(G)緑(B)」を それぞれ次の6段階に分けて表現しています。 ・16進表記の場合:00、33、66、99、CC、FFの6段階 ・10進表記の場合:0、51、102、153、204、255の6段階 ・パーセンテージで指定する場合: 0%、20%、40%、60%、80%、100%の6段階 コンピュータ環境に左右されることが少なく、とても画期的だったんですが、 モニタ(画面)の進化によって現在はあくまでも目安となっています。 --- 参考 ---------------------------- ○モニター(画面)のおもな進化 ・8ビットカラー表示可能なモニタ :256色 ・16ビットカラー表示可能なモニタ:65,536色 ・24ビットカラー表示可能なモニタ:16,777,216色 (進化は続く・・・) --------------------------------------- ほぉ。( ̄‐ ̄〃) いろいろあるんだね~。 そうですね。 では次回は色つながりで「カラープロファイル?」についてお話します。 どうぞお楽しみに! ┃ ★ 本日のおさらい ┗━━━━━━━━━━━━━━━━━━━━━━━ インターネットにつながっている機器は、 見ている人によってさまざまな種類 (別名:【環境】や【コンピュータ環境】)があり、 表現される色も当然違ってきます。 そこで今から15年ほど前に Netscape Communications社(現在はAOL社に買収)が提案した 216色の色を【Webセーフカラー】と言います。 コンピュータ環境に左右されることが少なかった Webセーフカラーですが、モニタ(画面)の進化により、 現在はあくまでも目安の色となっています。 ┃ ★ 編集後記 ┗━━━━━━━━━━━━━━━━━━━━━━━ 早いもので11月半ばですね。 先日は所属している会の福岡の経営フォーラムに行ってきました。 たくさんの良き出会いがあり、自分自身の大きな財産となりました。 大事に大事にしていきたいと思います。 また忙しくてなかなか発行できず、不定期に変更しましたが 息の長いメルマガにしたいと思っておりますので どうぞ今後ともよろしくお願いします。 このメルマガが、あなたにとって良い出会いとなれば 私は飛び跳ねちゃうくらいうれしいです♪ 今週も最後までお読みいただき、まことにありがとうございます。 この出会いに心より感謝申し上げます。 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=- ■□ なるほどこういうことだったのかぁ~! □■ □■ わかったっ♪IT用語 ■□ ”指導内容のわかりやすさ「日本一」をめざします!” 講演、セミナー講師、ホームページ制作、コンサルティングほか 発行 : MINE(マイン) 代表 石岡 美奈子 → http://wakatta.net プロフィールは ↓こちら です。 http://wakatta.net/profile/index.html -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=- ◆いつもお読みいただき、本当にありがとうございます!! 一人でも多くの方が当メールマガジンを読んでくださることを 切に願っております。 ~~~~ 大切なお知り合いの方・お友達への紹介・転送、【大歓迎!】です。 おかげさまで 【まぐまぐメルマガ大賞2006・2005】インターネット・パソコン部門ノミネート ■まぐまぐ http://www.mag2.com/m/0000150959.htm 【メルマガ オブ ザ イヤー2008・2007・2005】 インターネット部門『カテゴリ賞』3年受賞 ■melma!(メルマ)http://www.melma.com/backnumber_122611/ ■カプライト http://cgi.kapu.biglobe.ne.jp/m/10416.html ■めろんぱん http://www.melonpan.net/mag.php?007991 ↑ メールマガジンの購読・解除も上記から ↑ (バックナンバーは、最新号のみの表示となっております。) ◆ご意見、励まし!(^^)!、リクエスト、相互紹介など とってもとっても、とぉ~ってもうれしく、励みとなります!! ▽首長竜のように首を長~くしてお待ちしております♪▽ →→→ info@wakatta.net (お手数をおかけしますが、@を半角で入力ください。) -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 最後までお読みいただき、まことにありがとうございます☆彡 お読みいただいているあなたが、 Happy♪なITライフを過ごせますように☆彡 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-
-
登録した方には、まぐまぐの公式メルマガ(無料)をお届けします。


