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

📌 主なポイント
- ✓ウェブカラーは主に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桁表記の違いは何ですか?
ウェブカラーでX11の色名称をそのまま使っても問題ありませんか?
なぜディスプレイと印刷で色が異なって見えるのですか?
関連記事
参考文献
- W3C, HTML 4.01 Specification, "Colors"
- W3C, CSS Color Module Level 4
- Gaurav Sharma, "Digital Color Imaging Handbook", ISBN 084930900X