Webな Color Chart(カラーチャート)

• #rrggbb に 00〜ffの16進数を３つ並べて指定。又は、#rgb に0〜fの16進数を３つ並べて指定できます。
• 一例です。
  • {color: #ff9900 ;} #rrggbb方式 説明 0と1の２進数の４桁をまとめ、１６進数(00〜ff)で表現して、色を指定します。
  • {color: #f90 ;} #rgb方式 説明 rgb各桁を、２つ繰り返して並べた６桁の形式(#rrggbb)と言う値に変換されます。
• 参照ページ Color Chart : Web Safe Color(ウェブセーフカラー) の一覧表 >>

リスト項目へ ↑

• rgb(r, g, b)に、0〜255までの１０進数の整数をカンマで区切ってする方法と、rgb(r%, g%, b%)に0〜100のパーセンテージをカンマで指定。
• 一例です
  • {color: rgb(255, 0, 255) ;} 説明 0〜255までの１０進数の整数を、カンマで区切って指定します。
  • {color: rgb(100%, 0%, 0%) ;} 説明 0〜100のパーセンテージをカンマで指定します。
• １０進数の整数や、パーセンテージの指定はあまりなじみがないと思いますので、基本的には、１６進数で指定するほうが楽だと思います。

リスト項目へ ↑

• W3Cで定められている標準１６色(W3C Web サイト)に限り、色名で指定できます。また、環境にかかわらず同じ色で表示されます。
• 標準１６色以外の色名で表示される色は、ブラウザによって設定されます。その為、表示される色はユーザの環境によって、若干の違いがあります。また、W3Cで標準化されていないColor Name(色名)で指定すると、不正と見なされます。
• 一例です
  • {color: maroon ;} 説明 標準１６色にありますので、色名で指定できます。
  • {color: crimson ;} 説明 色名は付いてますが、標準１６色ではありません。「#rrggbb方式」「#rbg方式」で指定してください。
• 参照ページ Color Chart : Color Name(カラーネーム) の一覧表 >>

リスト項目へ ↑

• System Color(システムカラー) は、Windows や Mac 等で保持しているシステム情報の２８色を呼び出す事が出来ます。
• CSS の記述でシステムカラー名は、大文字・小文字の区別はしません。
• システムカラーを利用すると、閲覧者の OS の環境に合わせて使用している色を決めることが出来ます。
• 一例です。
  • p {background-color : InfoBackground ; color : WindowText ; }  説明 色名や rgb 方式では無く、システムカラー名を指定します。
• ご注意 各ユーザのシステム環境が違うため、意図しない色が使用されたり、テキストカラーと背景色が近似色になったり同色になると、ユーザは文章が読めなくなってしまうので、システムカラー名指定はお勧めしません。参考資料だと思ってください。
• 参照ページ Color Chart : System Color(システムカラー)の一覧表 >>

リスト項目へ ↑

• W3C で定められている標準１６色に限り、色名で指定できます。また、環境にかかわらず同じ色で表示されます。

PCスペックの違い、ディスプレイや解像度の設定などにより、色の鮮明度や明るさが微妙に異なります。

リスト項目へ ↑

参考文献 インプレス刊「HTML,CSS,JavaScript 辞典」(カラーチャート)。翔泳社刊「スタイルシート辞典」付録(Webページカラーチャート)から一部引用。