オフホワイトとは?色見本・アイボリーとの違い・カラーコード例に関係する色を使ったアイキャッチ

オフホワイトとは?色見本・アイボリーとの違い・カラーコード例

オフホワイトとは、純白ではなくわずかに黄み・灰みを含む白に近い色。色見本、アイボリー・クリーム色との違い、カラーコード例、配色での使い方を比較できます。

色の基礎知識

はじめて読む方へ|まず知っておきたい基本

この記事で出てくる基本用語を先に確認します。ここだけ押さえておけば、専門知識がなくても本文を読み進められます。

カラーコードとは

カラーコードは、色を数値や記号で伝えるための表記です。HEXやRGBなど複数の方式があり、同じ色名でも数値は資料や条件で異なることがあります。

配色とは

配色とは、複数の色を目的に合わせて組み合わせることです。色相だけでなく、明るさ・鮮やかさ・面積・文字とのコントラストも見やすさに影響します。

白に近いニュアンスカラー

オフホワイトとは?

オフホワイトは、純白ではなく、わずかに黄み・灰みなどを含んだ「白に近い色」を表す一般的な色名です。色名そのものに共通の公式HEXが1つだけ決まっているわけではありません。

結論「オフホワイト=#XXXXXX」と1色に固定するより、白・アイボリー・クリームなど近い色と見比べて用途に合う色を選ぶのが実用的です。
色見本

オフホワイト周辺の色を見比べる

※ 上記は「オフホワイトの公式4色」ではありません。近い色域を理解するための比較例です。

違い

オフホワイト・アイボリー・クリーム色の違い

オフホワイトは「純白ではない白」の広い呼び方です。アイボリーは象牙を思わせる黄みのある白、クリーム色はより黄みが見えやすい明るい色として扱われることがあります。ただし、商品名では境界が一定ではありません。

使い方

Web・デザインでオフホワイトを使うとき

背景に使う場合は、純白より刺激を弱めながら明るさを保ちやすいのが特徴です。ただし、明るいオフホワイト上では白文字のコントラストが不足しやすいため、本文には濃いグレーや黒に近い色を使います。

FAQ

オフホワイトについてよくある質問

オフホワイトは何色ですか?

純白ではなく、わずかに黄み・灰みなどを含んだ白に近い色の総称です。

オフホワイトのカラーコードは1つですか?

1つに固定されていません。ブランド・資料・商品によって代表値が異なるため、実際の色見本や指定値を確認する必要があります。

アイボリーと同じですか?

重なる範囲はありますが、完全な同義語ではありません。アイボリーは一般に黄み・温かみを感じやすい白系の色名です。