ホワイト
ホワイトは英語の white に由来する無彩色の名称で、日本語の「白」に相当します。明るさが最も高い側の色として、清潔感や余白をつくる基本色です。
※ CMYKはICCプロファイルを使用しない一般的な参考換算値です。印刷条件によって値は異なります。
ホワイトの意味
ホワイトは、色相を持たない無彩色の一つで、日本語の白に相当する基本色名です。物体色としては可視光を広い範囲で多く反射するものを白く感じますが、現実の素材は完全にすべての光を反射するわけではなく、わずかな黄み・青み・灰みを含む多数の白があります。デザインでは背景色、余白、文字の反転色として極めて重要で、他の色の鮮やかさや形を引き立てます。Web/CSSでは「white」という名前付き色も定義されています。
ホワイトの名前の由来
名称は英語の「white」をそのままカタカナ化したものです。英語の white は非常に古い基本色語で、日本語の「白」と同様に、明るく色みの少ないものを表す中心的な色名として発達しました。日本語では洋装や工業製品、塗料、デザインの分野で「ホワイト」という呼び方が広まり、「オフホワイト」「スノーホワイト」「クリームホワイト」など派生色名の基準語としても使われています。
ホワイトの歴史
白は人類の色彩語彙の中でも古い基本概念で、衣服、宗教儀礼、建築、紙、陶磁器など幅広い文化に現れます。近代以降、工業製品や印刷、ファッションが発達すると、単なる「白」ではなく、青み・黄み・灰みを調整した多数のホワイト系商品色が生まれました。デジタル環境ではRGBの各成分を最大にした白が基準として扱われ、CSSでも named color の white が定義されていますが、画面の白と紙・布・塗装の白は発光と反射の違いがあるため同一には見えません。
ホワイトと文化
ホワイトは、清潔、純粋、簡潔、余白、光といったイメージと結びつきやすい一方、文化や場面によって意味は変わります。日本では神事の装束や婚礼の白無垢など清浄さを示す場面がある一方、死装束など弔いに関係する白もあり、単純に「明るい・祝いの色」だけではありません。現代のデザインでは、ミニマルな空間や医療・衛生分野、家電、化粧品などで中立的な基調色として多用されています。
ホワイトの印象・イメージ
明るさ、清潔感、軽さ、開放感を与えやすく、他の色を目立たせる効果があります。純白に近い白はシャープで現代的に見え、黄みを含むオフホワイトは柔らかく温かな印象、青みの白は涼しく無機質な印象になりやすいです。大面積の白は余白として有効ですが、画面では強い輝度がまぶしく感じられることもあるため、用途に応じてわずかに色を落とす設計も使われます。
ホワイトの使われ方
Webサイトやアプリの背景、紙面、パッケージ、衣料、家具、住宅設備、家電など、ほぼすべてのデザイン分野で使われる基本色です。黒との組み合わせは最も明快な明暗差を作り、鮮やかな色と合わせるとアクセントを強調できます。画面上で文字色として白を使う場合は、背景色とのコントラストを確認し、長文ではまぶしさや可読性にも配慮すると扱いやすくなります。
資料による色の違い
伝統色や歴史的な色名では、資料や規格によって代表色値が異なることがあります。色しるべでは確認済みの資料値を並べ、代表値との差をΔE00でも比較します。
| 色 | 資料 | HEX | マンセル | 代表値との差 |
|---|---|---|---|---|
| W3C CSS Color Module Level 4 | #FFFFFF | — | ΔE00 0.00 | |
| JIS慣用色名 公開対応表(マンセル値・RGB(16)) | #F0F0F0 | N9.5 | ΔE00 3.05 |
ホワイトと近い色を数値で比べる
下の「近い色一覧」とは役割を分け、ここでは近い3色について、明るさ・鮮やかさ・色相がどう違うかを比較します。
ホワイトに近い色
CIEDE2000による色差ΔE00を使い、色しるべの登録色から近い色を表示します。
ホワイトに近い日本の伝統色
ホワイトを使った配色
OKLChを基準に機械的に生成した配色候補です。実際の用途や文字の読みやすさに合わせて調整してください。
ホワイトの分類
ホワイトの詳細な色彩データ
| HEX | #FFFFFF |
|---|---|
| RGB | 255, 255, 255 |
| CMYK参考値 | 0.0%, 0.0%, 0.0%, 0.0% |
| HSL | 0.0°, 0.0%, 100.0% |
| HSV | 0.00°, 0.00%, 100.00% |
| CIELAB | L* 100.0000 / a* 0.0000 / b* 0.0000 |
| CIELCh | L* 100.0000 / C* 0.0000 / h 180.00° |
| OKLab | L 1.000000 / a 0.000000 / b 0.000000 |
| OKLCh | L 1.000000 / C 0.000000 / h 0.00° |
| 相対輝度 | 1.000000 |
| 白とのコントラスト | 1.00:1 |
| 黒とのコントラスト | 21.00:1 |
代表色値の出典・確認情報
CSS named colorの規格値を主値として採用。JIS値は別variantで比較できるよう保持。
「ホワイト」は一つの固定色に見えても、実物の塗料・紙・布では多様な白があります。CSS named color の white と製品色のホワイトは必ずしも同じではないため、代表値は用途ごとの仕様を確認してください。
ホワイトから、さらに色を探す
色系統・分類・由来・季節などの共通点から、関連する色と一覧ページを自動でつないでいます。
