色を16進数の#RRGGBBで求める

ここでは、HTMLで最も一般的に使用される色指定の方法、RGB(Red、Green、Blue)を16進数で2桁づつ並べて色指定を行う「#RRGGBB」で色を指定するための、色の#RRGGBBを求める方法を解説します。

ペイントと電卓を使って色の#RRGGBBを求める

まず、指定したい色の#RRGGBBを求める事が出来るようにならなければいけません。その方法は色々ありますが、Windowsに標準で付属しているペイントと電卓を使って指定したい色の#RRGGBBを求める事が出来ます。

まず、「スタート」ボタンをクリックして、「すべてのプログラム」を開き、「アクセサリ」というフォルダをクリックして展開し「ペイント」をクリックして起動します。ペイントの画面の上部に「色」という箇所がありますので、そこをクリックして「色の編集」をクリックします。

ペイント

「色の作成」をクリックします。

ペイント 色の編集

右側より、作成したい色をクリックして作成します。

ペイント 色の編集 色の作成

そして、以下の画像の右下、赤い枠で囲まれた「赤」「緑」「青」の値に注目してください。

ペイント 色の編集 色の作成 画面右下「赤」「緑」「青」が赤線で囲まれている

次に、この値が10進数なので、16進数に変換するために電卓を起動します。「スタート」ボタンをクリックして展開し、「全てのプログラム」をクリックして展開し、「アクセサリ」フォルダをクリックして展開し「電卓」を起動します。電卓を起動したら、画面上部の「表示」をクリックして「関数電卓」を選んでください。

電卓 表示メニューより関数電卓を選択

そして、関数電卓の画面に切り替わったら、さきほどペイントで表示されていた「赤」「緑」「青」の値を入力していきます。まずは「赤」を入力してみましょう。

電卓 関数電卓に切り替え

そして、画面上部左にある「16進」という所をクリックすると、その値が16進数に変わります。

電卓 ペイントで得られた色の数値を入れて16進数ボタンをチェックし16進数に変更

これで、#RRGGBBのうちの赤色である「RR」が求められました。同じ要領で残りの「緑」と「青」も16進数に変換すれば、指定したい色の#RRGGBBが求められます。

これでバッチリ#RRGGBBを求める事が・・・って面倒臭いですね。上記の方法でも確かに#RRGGBBは求められますが、ソフトウェア等を使用すればより簡単に#RRGGBBを求める事が可能です。

次は「カラーピッカー comin」です。

一番上に戻る

この「初めてのホームページ作成」の分類には以下のページがあります。

  1. ホームページとは
  2. ホームページ作成に必要なもの
  3. 拡張子の変更方法
  4. 拡張子「.html」ファイルの作成方法
  5. HTMLのルール
  6. HTMLタグ一覧表
  7. スタイルシートとは
  8. スタイルシートの書き方
  9. 文字を赤、下線、14ピクセル
  10. 色を16進数の#RRGGBBで求める現在のページ
  11. カラーピッカー comin
  12. marginで空間作成
  13. paddingで空間作成
  14. backgroundで背景に画像
  15. font-familyで書式を変更
  16. font-weightで文字の太さ
  17. スタイルシートのプロパティ一覧
自作パソコンのキモ

ここより下はホームページに関するメニュー

ここより下はホームページに関するメニュー

ここより下は自作パソコン基礎&組み立てメニュー

ここより下はパソコンを納得して選ぶにはメニュー

ここより下はレンタルサーバーに関するメニュー


スマフォ時代にWiMAXが熱い!キャッシュバック有りの月額3,880円。クレードル(1,490円)も買えば、家では据え置きの一台二役で家ネットもパケット定額も解約出来る!?