カラーパレット

マグノリア

モクレンの花びらのような、ほんのり紫がかったやさしい白です。真っ白より温かく、空間をやわらかく見せてくれます。イギリスでは室内の壁の定番色として長く愛されています。

別名:マグノリアホワイト, 木蓮色

エディタで開く

マグノリアを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、マグノリアがどう見えるかをチェック。

明るさ

合わせる色

マグノリアのHEXコードは#F8F4FFです。RGBではrgb(248, 244, 255)、HSLではhsl(262, 100%, 98%)、CMYKでは3, 4, 0, 0となります。

マグノリアに近い色とカラーコード

ホワイトスモーク#F5F5F5スノーホワイト#FFFAFA白#FFFFFFオフホワイト#FAF9F6プラチナ#E5E4E2リネン#FAF0E6月白げっぱく · #EAF4FC薄桜うすざくら · #FDEFF2乳白色にゅうはくしょく · #F3F3F3卯の花色うのはないろ · #F7FCFE桜色さくらいろ · #FEF4F4白練しろねり · #F3F3F2

マグノリアの基本情報

マグノリア(#F8F4FF)は、寒色系・明るめ・鮮やかの色です。白系の色のグループに属します。RGBの値は赤248・緑244・青255(各255段階)。主な用途:インテリア, 塗料, ウェディング。

マグノリアの色見本と明るい色から暗い色までのグラデーション · #F8F4FF
マグノリア · #F8F4FF

マグノリアの濃淡:明るいトーンと暗いトーン

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

この色の濃淡を見る: カラースケール生成ツール

マグノリアを使ったコーデ配色

パーソナルカラー×季節別に、マグノリア(または近い色)を使ったコーデをまとめました。

ブルベ夏の夏コーデグレーネイビー・ミントブルー・ローズブルベ冬の春コーデブラック・ロイヤルブルー・アイスピンクブルベ冬の夏コーデネイビー・マゼンタ・チャコールブルベ冬の冬コーデブラック・ワインレッド・ロイヤルパープルブルベ夏の冬コーデネイビー・ラベンダーグレー・ローズブラウンブルベ夏の春コーデグレーネイビー・ラベンダー・ローズピンクブルベ冬の秋コーデブラック・ボルドー・エメラルド

マグノリアの配色ハーモニー

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

補色近い色:アイボリー
類似色
トライアド近い色:オフホワイト
スプリット・コンプリメンタリー近い色:アイボリー
テトラード近い色:スノーホワイト, アイボリー, 白

マグノリアを使ったカラーパレット

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

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

マグノリアと文字色のコントラスト

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

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

CSSコード

:root {
  --magnolia: #F8F4FF;
  --magnolia-rgb: 248, 244, 255;
}
.bg { background-color: var(--magnolia); }
.text { color: var(--magnolia); }

マグノリアに近い色

アラバスターライトグレーアイボリーパールグレー

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

その他の白系の色

白アイボリークリーム色ボーンホワイトオフホワイトスノーホワイトパールホワイトアラバスターリネンホワイトスモークバニラエッグシェルアンティークホワイト生成り色
マグノリアの色見本と明るい色から暗い色までのグラデーション · #F8F4FF
マグノリアの色見本と明るい色から暗い色までのグラデーション · #F8F4FF

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るカメラでパーソナルカラー診断カメラや自撮り写真で肌・髪・瞳の色から判定写真の色を伝統色で写真の5色を、日本の伝統色の名前で表す
無料診断・ツールをすべて見る →

よくある質問

マグノリアのカラーコードは?

マグノリアのHEXコードは#F8F4FFです。RGBではrgb(248, 244, 255)、HSLではhsl(262, 100%, 98%)、CMYKでは3, 4, 0, 0となります。

マグノリアの補色は何色ですか?

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

マグノリアの上に白い文字を置いても読みやすいですか?

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

白系の色をすべて見る →