内装・写真・UI への適用

目安 16

学習目標

  • 内装照明で低 K・高 K を使い分ける目的を説明できる
  • 写真で色かぶりとホワイトバランスの関係を述べられる
  • UI で「暖かいグレー」「冷たいグレー」を選ぶときに K の考え方を参照できる

内装・写真・UI への適用とは(What)

色温度(K) は光源の話ですが、その結果として 空間・写真・画面 の見え方が変わります。本レッスンでは、K の知識を 実務の3場面 に橋渡しします。

場面K の使い方のイメージ
内装・照明器具を 低 K/高 K で選び、部屋の雰囲気と視認性を設計する
写真・映像そのときの光の K が 色かぶり になり、WB で中性に戻す
UI・画面背景のグレーに 黄み/青み を足し、「低 K っぽい白」「高 K っぽい白」を演出する
暖色系と寒色系のUIパネル比較。心理的な暖寒の例を示す模式図。
「暖かく感じる配色」と「涼しく感じる配色」の例。照明の色温度(K)とは別の文脈でも使われる(模式図)。

なぜ K の考え方を分野ごとに持つか(Why)

「暖かい」「冷たい」という言葉は、分野によって指すものが違います。

  • 内装 — ほぼ 光源の K(電球色か昼白色か)
  • 写真 — 入射光の K と、カメラの 補正後の白点
  • UI — しばしば 色相(橙・青)グレーの色味 の話

混同すると、「オレンジのボタン=暖色ライト」のような 短絡 が起き、クライアントとの齟齬の原因になります。K を 光源の尺度 として切り分けておくと、他の「暖寒」表現と並べて説明できます。

どう使うか(How)

内装・照明

居間では 2700〜3000K 前後の電球色で落ち着き、デスクでは 4000〜5000K 前後で覚醒しやすい、という使い分けがよくあります。

空間よく選ばれる K 帯意図
寝室・リビング低 K(電球色)リラックス、肌なじみ
キッチン・デスク中〜高 K(昼白色)作業の視認性
ショーウィンドウ商品に合わせて調整素材の色を正しく見せる

たとえ: カフェで低 K のペンダントだけにすると、木のテーブルとラテアートが まとまって見える が、メニュー文字の読みやすさは落ちることがあります。K は雰囲気と機能のトレードオフです。

写真・映像

シャッターを切った瞬間の 光の混ざり が、そのまま色かぶりになります。夕方の街灯(低 K)だけのシーンと、曇り空の屋外(高 K)では、同じグレーの服でも ファイル上の RGB が変わります。ホワイトバランスの基礎 で補正の操作を学びます。

たとえ: 室内イベントを蛍光灯(昼白色帯)だけで撮ると、肌が 青白く硬く 見えがちです。意図的に残すか、WB で中性に戻すかを K の知識とセットで決めます。

室内写真の色かぶり(WB のたとえ)

同じ「室内」でも、光源の K が違うと ファイル上の色かぶり が変わります。次の2枚は、暖色光(低 K 帯)と昼光寄り(高 K 帯)の印象の違いを比較するための写真です(カメラ設定・補正は撮影条件により異なります)。

電球色の暖かい光が当たった室内。木目と壁が黄〜橙にかぶって見える。
出典: Unsplash / Jon Tyson — 低 K 帯の室内光。WB を合わせないと黄〜橙のかぶりが残りやすい。
大きな窓から昼光が入るモダンな室内。白い壁と床が青白くクールに見える。
出典: Unsplash / R ARCHITECTURE — 昼光寄りの室内。高 K 帯では青白いかぶりが出やすい(意図的に残す場合もある)。

UI・画面デザイン

モニタも「ある白点」を持ちます。UI の背景グレーは 黄み寄り(低 K っぽい)青み寄り(高 K っぽい) かで、画面全体の温度感が変わります。ただしアクセントの 橙や赤色相 の話であり、照明の K とは一致しません。

ミニクイズ

UI デザインで「暖かいグレーの背景」を選ぶとき、色温度(K)の話と最も対応が近いのはどれですか?

UI デザインで「暖かいグレーの背景」を選ぶとき、色温度(K)の話と最も対応が近いのはどれですか?