ウェブ技術

ウェブカラーの定義と指定方法

ウェブカラーの定義と指定方法
ウェブコンテンツにおける色の指定方法、16進トリプレット表記、および色名称の歴史と標準化について解説します。

📌 主なポイント

  • ウェブカラーは主に16進トリプレット(RGB)または色名称で指定される。
  • 16進トリプレットは、赤・緑・青の各成分を16進数で表現する手法である。
  • CSS Color Module Level 4では、139色の名前付きカラーが定義されている。
  • ウェブ上の色表現の標準としてsRGBが用いられている。

ウェブコンテンツにおいて視覚的な色を指定する手法は、主にスタイルシート(CSS)やScalable Vector Graphics(SVG)を通じて行われます。これらは、デジタル環境下で一貫した色表現を実現するための標準的な仕組みです。

16進トリプレット表記

16進トリプレット(hex triplet)または16進カラーコードは、ウェブ上で色を指定する最も一般的な手法の一つです。先頭に「#」を付与し、赤・緑・青(RGB)の各成分を16進数で表現します。各成分は8ビット(0から255の範囲)で表され、6桁のコード(例:#2468A0)または3桁の省略形式で記述されます。3桁の形式は、各桁を繰り返すことで6桁に拡張されます(例:#09Cは#0099CCと同義)。

色名称による指定

HTMLやCSSでは、特定のキーワードを用いて色を指定することが可能です。初期のウェブブラウザではX Window Systemの色名称が流用されていましたが、現在ではW3Cによって標準化が進められています。

HTML 4.01仕様では、基本的な色名称が定義されました。その後、SVG 1.0やCSS3、CSS4の仕様策定に伴い、利用可能な色名称は拡張され、現在では重複を除いて139色以上が定義されています。ただし、X11の定義ファイル(rgb.txtなど)とウェブ標準の色名称には一部食い違いが存在するため、実装環境には注意が必要です。

カラーマネージメントの重要性

ウェブ上の色表現には、sRGBという比色分析的な定義が用いられています。これは一般的なコンピュータモニタの特性に基づいた標準ですが、ディスプレイ(加法混合)と印刷(減法混合)の間では色の再現性が大きく異なります。ウェブコンテンツ制作においては、これらの特性を理解し、必要に応じてカラーマネージメントシステムを考慮することが推奨されます。

よくある質問

16進トリプレットの3桁表記と6桁表記の違いは何ですか?
3桁表記は6桁表記の省略形です。各桁を繰り返すことで6桁に変換されます(例:#ABCは#AABBCCとなります)。
ウェブカラーでX11の色名称をそのまま使っても問題ありませんか?
X11の定義ファイルとウェブ標準(CSS)では一部名称や定義が異なる場合があるため、ウェブ開発においてはCSS仕様で定義された色名称を使用することが推奨されます。
なぜディスプレイと印刷で色が異なって見えるのですか?
ディスプレイは光の三原色を用いる加法混合、印刷は色の三原色を用いる減法混合という異なる仕組みで色を表現しているためです。

関連記事

CSSHTMLRGBカラーマネージメント

参考文献

  • W3C, HTML 4.01 Specification, "Colors"
  • W3C, CSS Color Module Level 4
  • Gaurav Sharma, "Digital Color Imaging Handbook", ISBN 084930900X