カラーパレット

ホワイトスモーク

ほんのわずかにグレーを含んだ白です。CSSではwhitesmokeと呼ばれます。純白よりも目にやさしいため、インターフェースの背景に適しています。

別名：ホワイトスモーク色, 灰白色

ホワイトスモーク · #F5F5F5

ホワイトスモークの基本情報

ホワイトスモーク（#F5F5F5）は、ニュートラル・明るめ・ほぼ無彩色の色です。白系の色のグループに属します。RGBの値は赤245・緑245・青245（各255段階）。主な用途：ウェブ, グラフィックデザイン。

ホワイトスモークの濃淡：明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

ホワイトスモークの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色
類似色
トライアド
スプリット・コンプリメンタリー
テトラード

ホワイトスモークを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · ホワイトスモーク
類似色パレット · ホワイトスモーク
補色パレット · ホワイトスモーク
トライアドパレット · ホワイトスモーク
ニュートラルカラー入りパレット · ホワイトスモーク
アクセントカラー入りパレット · ホワイトスモーク

ホワイトスモークと文字色のコントラスト

白い文字コントラスト比 1.1:1 · 非推奨
黒い文字コントラスト比 19.3:1 · AAA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --white-smoke: #F5F5F5;
  --white-smoke-rgb: 245, 245, 245;
}
.bg { background-color: var(--white-smoke); }
.text { color: var(--white-smoke); }

ホワイトスモークに近い色

オフホワイトスノーホワイト白プラチナリネンアラバスターアイボリーエッグシェル生成り色ライトグレー

この色を使ったテーマ別パレット

結婚式のカラーパレット洗礼式のカラーパレット誕生日パーティーのカラーパレットベビーシャワーのカラーパレットキンセアニェーラ（15歳のお祝い）のカラーパレット卒業式・卒業パーティーのカラーパレット

その他の白系の色

白アイボリークリーム色ボーンホワイトオフホワイトスノーホワイトパールホワイトアラバスターリネンバニラエッグシェルアンティークホワイト生成り色

よくある質問

ホワイトスモークのカラーコードは？

ホワイトスモークのHEXコードは#F5F5F5です。RGBではrgb(245, 245, 245)、HSLではhsl(0, 0%, 96%)、CMYKでは0, 0, 0, 4となります。

ホワイトスモークの補色は何色ですか？

色相環で反対側にある補色は#F5F5F5で、ホワイトスモークに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

ホワイトスモークの上に白い文字を置いても読みやすいですか？

黒い文字のほうがおすすめです。白とのコントラスト比は1.1:1しかありませんが、黒とは19.3:1になります。