ホワイトの色
ホワイトの色について書いてみました。配色デザインの参考になれば嬉しいです。
カラーコーディネートでは、色の心理効果や対比効果などは意識せざるを得ないと思います。ホワイトの色コードも載せています。
カラーコードなどの正確な色を基準としてデザインを考えることも難しいことですが重要な要素となります。
ホワイトの色見本
|
ホワイトのカラーコードと色見本 |
色彩効果は身近なものでは、洋服(作業着、制服、ファッション主体の副)や建物や建築設備(キッチン、浴室、壁紙、フローリング)などなど
日常生活の環境においても適切に色は選択されています。色の影響力としては、人間の心理にも働きかけます。
ホワイトについて |
色見本 |
カラーコード |
背景色との対比や効果などの一例
★ モニタの設定により見え方が異なります。 |
|
#FFFFFB |
背景の色との比較 補色などではハレーションなどの視覚効果もあります。
|
|
黒の背景
#000000 |
|
白の背景
#ffffff |
|
|
|
|
|
|
|
|
|
|
青の背景
#0000ff |
|
赤の背景
#ff0000 |
|
|
|
|
|
|
|
|
|
|
黄色の背景
#ffff00 |
|
紫の背景
#ff00ff |
|
|
|
|
|
|
|
|
|
|
灰色の背景
#999999 |
|
緑の背景
#00cc00 |
|
|
|
|
|
|
|
|
|
|
蛍光 水色の背景
#00ffff |
|
茶色の背景
#d28657 |
|
|
|
|
|
|
|
|
|
|
グラデーション
の背景 |
|
グラデーション
の背景 |
|
|
|
|
|
|
|
|
背景色や色の重ねでは、色相や彩度・明度などの小さな設定でも大きく印象が違います。
ホワイト以外についても一覧にまとめました。対比効果によって視認性に影響を与えることができます。
カラーコードと色見本、色名などを一覧にまとめてみました。デザインなどに役立つと思います。