カラーパレット

白系の色一覧

白系の15色を、明るい色から順に並べました。明るい白・色みのある白・グレイッシュで絞り込めて、色をタップするとカラーコードをコピーできます。

15色
白

画面上ではすべての光、つまり赤・緑・青が最大の状態です。 清潔さや平和、秩序を連想させます。

合う色を見る合う色 →
スノーホワイト

ごくわずかにピンクを含んだ純白で、CSSではsnowと呼ばれます。 降ったばかりの雪を思わせます。

合う色を見る合う色 →
クリーム色

フレッシュクリームをイメージした、黄みがかった温かい白です。 壁やニット、文房具に使われます。

合う色を見る合う色 →
オフホワイト

冷たさを和らげるために、ほかの色をほんの少し加えた白です。 純白よりもやわらかく見えます。

合う色を見る合う色 →
マグノリア

モクレンの花びらのような、ほんのり紫がかったやさしい白です。 真っ白より温かく、空間をやわらかく見せてくれます。

合う色を見る合う色 →
ホワイトスモーク

ほんのわずかにグレーを含んだ白です。 CSSではwhitesmokeと呼ばれます。

合う色を見る合う色 →
リネン

染めていない麻(リネン)の繊維をイメージした、温かくナチュラルな白です。 テーブルクロスや夏服、ラスティックなインテリアに使われます。

合う色を見る合う色 →
アンティークホワイト

古い紙を思わせる、ピーチをベースにした温かい白です。 CSSではantiquewhiteと呼ばれます。

合う色を見る合う色 →
アラバスター

彫刻に使われる白く半透明の石、アラバスター(雪花石膏)にちなんだ名前です。 わずかに灰みを帯びた温かい白です。

合う色を見る合う色 →
エッグシェル

白い卵の殻をイメージした、くすんだ温かい白です。 色の名前であると同時に、ツヤを抑えた塗装仕上げの名称でもあります。

合う色を見る合う色 →
生成り色

漂白していない綿やウールの自然な色です。 ベージュがかったオーガニックな白です。

合う色を見る合う色 →
バニラ

バニラアイスクリームのような、甘く黄みがかった白です。 温かく親しみやすい色です。

合う色を見る合う色 →
パールホワイト

真珠のやわらかな光沢をイメージした、ベージュをベースにした温かい白です。 ウェディングドレスや車のボディカラー、バスルームの設備によく使われます。

合う色を見る合う色 →
ボーンホワイト

乾いた骨のような、灰みがかった温かい白です。 控えめでナチュラルな色です。

合う色を見る合う色 →

ほかの色の一覧

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る伝統色診断10の質問で、あなたを日本の伝統色にたとえる名前の漢字の色名前の漢字の意味から、伝統色を一字ずつ
無料診断・ツールをすべて見る →

白にはどんな種類がある?

画面上の真っ白(#FFFFFF)のほかにも、アイボリー、クリーム色、生成り色のような黄みの白、スノーホワイトやホワイトスモークのような青み・灰色みの白、リネンやエッグシェルのようなベージュ寄りの白があります。

白の見分け方

黄みの白(アイボリー・クリーム色)はやわらかく温かい印象、青みの白(スノーホワイト)は清潔でクールな印象です。デザインでは真っ白より少し色みのある白を背景に使うと、目にやさしく上品に見えます。

よくある質問

アイボリーとオフホワイトの違いは?

アイボリーは象牙のような黄みのある白、オフホワイトは真っ白から少しだけ色を落とした白で、アイボリーより白に近い色です。

生成り色はどんな色?

漂白していない綿や麻のような、ほんのり黄みのある自然な白です。

白に合う色は?

白はすべての色と合います。ネイビーや黒でシャープに、ベージュや茶色でナチュラルに、パステルカラーでやさしくまとまります。

ほかのガイドとツール