ブルー
ブルーは英語 blue に由来する青系統の外来色名です。日本語の「青」と日常ではほぼ同義ですが、デザインやWebでは規格上の色値を伴う技術用語としても使われ、CSSでは `blue` が #0000FF と定義されています。
※ CMYKはICCプロファイルを使用しない一般的な参考換算値です。印刷条件によって値は異なります。
ブルーの意味
ブルーは、空や海を連想させる青系統を広く指す外来語です。コトバンクの色名辞典ではJISで「あざやかな青」とされ、アイアンブルー、コバルトブルー、スカイブルー、ターコイズブルー、ネービーブルーなど多数の派生色を持つ基本的な色名として説明されています。一方、Web標準のCSS named color `blue` は sRGB の #0000FF と厳密に定義されます。つまり、日常語のブルーは広い色域、CSSの `blue` は一つの固定値であり、同じ単語でも用途が異なります。色しるべではこの違いを分けて扱うことが重要です。
ブルーの名前の由来
英語 blue は中英語 bleu / blwe などを経て、古フランス語 bleu とゲルマン系の語に由来します。語源辞典では、古い同系語は青だけでなく淡色、青灰色、時には黄色や黒っぽい色まで幅のある意味を持っていたことが示されています。現代英語で晴天の空の色を表す blue が定着したのは中世以降です。日本語の「ブルー」は英語から入った外来語で、20世紀初頭には衣服の流行色を示す用例が確認できます。和語の「青」とは別の語源を持ちながら、現在は商品名やデザイン用語で非常に一般的です。
ブルーの歴史
blue は中世英語から継続して使われ、衣服、空、海、紋章、政治、制服など多様な対象に結びついてきました。近代には化学顔料や工業染料の発達で安定した青色が大量生産され、色名の細分化も進みます。日本では明治以降、西洋服飾や印刷、商品名を通じて「ブルー」が普及し、和語の青と併存するようになりました。コンピュータ時代にはRGBの基本成分として青が扱われ、HTML/CSSでは初期のVGA由来16色の一つとして `blue` が採用され、現在のCSS Color規格でも #0000FF と定義されています。色名が自然言語と技術仕様の両方で使われる代表例です。
ブルーと文化
ブルーは空、海、水、制服、企業カラー、デジタルUIなど現代生活の幅広い場面に現れます。英語圏では blue が憂鬱を表す比喩にも使われる一方、企業や公共デザインでは信頼、清潔、落ち着きを狙う色として採用されることが多く、日本でも同様の傾向があります。またファッションではデニム、ネイビー、スカイブルーなど多数の青系名称と組み合わせて使われます。日本語の「青」が伝統的な言語文化を含むのに対し、「ブルー」は近代以降の外来語・商品語・デジタル指定としての性格が強い色名です。
ブルーの印象・イメージ
ブルーは、爽快、冷静、清潔、知的、涼しいといった印象を作りやすい色です。明るいブルーは軽快で開放的に、濃いブルーは落ち着きや堅実さを感じさせやすく、紫みや緑みの違いでも雰囲気が大きく変わります。高彩度の純青は画面上で強く見えるため、広い背景では彩度や明度を抑えた青を使うと読みやすくなる場合があります。
ブルーの使われ方
Webではリンク、ボタン、情報表示、企業サイトなどで頻繁に使われます。CSSで文字通り `blue` と指定した場合は #0000FF になるため、ブランドの「ブルー」を表す場合は独自のHEX値を指定する方が確実です。印刷ではRGBの青をそのまま再現できないことがあり、CMYK変換後の色差確認が必要です。ファッションやインテリアでは白、グレー、ベージュ、オレンジ系などと組み合わせやすく、明度・彩度を変えた同系配色も作りやすい色です。
資料による色の違い
伝統色や歴史的な色名では、資料や規格によって代表色値が異なることがあります。色しるべでは確認済みの資料値を並べ、代表値との差をΔE00でも比較します。
| 色 | 資料 | HEX | マンセル | 代表値との差 |
|---|---|---|---|---|
| 非公開: W3C CSS Color Module Level 4 | #0000FF | — | ΔE00 0.00 | |
| 非公開: JIS慣用色名 公開対応表(マンセル値・RGB(16)) | #006FAB | 2.5PB 4.5/10 | ΔE00 25.53 |
ブルーと近い色を数値で比べる
下の「近い色一覧」とは役割を分け、ここでは近い3色について、明るさ・鮮やかさ・色相がどう違うかを比較します。
ブルーに近い色
CIEDE2000による色差ΔE00を使い、色しるべの登録色から近い色を表示します。
ブルーに近い日本の伝統色
ブルーから「もっと○○」な色を探す
OKLChの明るさ・クロマ・色相を基準に、現在の色から少し方向を変えた登録色を自動で選びます。
ブルーを使った配色
OKLChを基準に機械的に生成した配色候補です。実際の用途や文字の読みやすさに合わせて調整してください。
ブルーの分類
ブルーの詳細な色彩データ
| HEX | #0000FF |
|---|---|
| RGB | 0, 0, 255 |
| CMYK参考値 | 100.0%, 100.0%, 0.0%, 0.0% |
| HSL | 240.0°, 100.0%, 50.0% |
| HSV | 240.00°, 100.00%, 100.00% |
| CIELAB | L* 32.2970 / a* 79.1875 / b* -107.8602 |
| CIELCh | L* 32.2970 / C* 133.8076 / h 306.28° |
| OKLab | L 0.452014 / a -0.032457 / b -0.311528 |
| OKLCh | L 0.452014 / C 0.313214 / h 264.05° |
| 相対輝度 | 0.072200 |
| 白とのコントラスト | 8.59:1 |
| 黒とのコントラスト | 2.44:1 |
代表色値の出典・確認情報
CSS named colorの規格値を主値として採用。JIS値は別variantで比較できるよう保持。
このページの「ブルー」は一般色名としての代表値を扱います。CSS named color `blue` の #0000FF、日本語のJIS慣用色名「青」、各メーカーの「ブルー」は同じ名称でも数値が一致しないことがあります。
ブルーから、さらに色を探す
色系統・分類・由来・季節などの共通点から、関連する色と一覧ページを自動でつないでいます。