ベージュカラーコード一覧：HEX・RGB・CMYKと配色例

まず使いやすいベージュはこの4色

最初に選ぶなら、標準的なベージュは #F5F5DC、やわらかい紙面風ならアイボリー #FAF6ED、大人っぽく落ち着かせるならグレージュ #D6CEC2、美容・ライフスタイル向けならピンクベージュ #EAD2C6 が使いやすいです。どれも白より温度感があり、背景色やカードの面色にすると、強い色を使わなくても画面に奥行きが出ます。

ベージュ系は彩度が低く明度が高いため、本文の文字色には白ではなく濃いグレー、ブラウン、ネイビーを合わせるのが安全です。Web本文では背景と文字のコントラストも重要です。W3Cのコントラスト基準では、通常テキストの読みやすさを確認する目安としてコントラスト比が示されているため、淡い背景に薄い文字を重ねないようにします。

ベージュ系カラーコード一覧表

下の表は、Web制作や資料作成で扱いやすいベージュ系カラーをまとめたものです。HEXとRGBは画面表示用、CMYKは印刷用の近似値です。CMYKは用紙や印刷条件で見え方が変わるため、最終指定では校正や印刷会社の条件を優先してください。

用途別の選び方

ベージュを選ぶときは、単に「薄い茶色」と考えるより、黄み、赤み、灰みのどれを足すかで判断すると早く決められます。黄みがあると明るく親しみやすく、赤みがあるとやわらかく上品に、灰みがあると落ち着いた印象になります。

Webサイトの背景には、白に近いアイボリーやライトベージュが向いています。余白を柔らかく見せつつ、本文の黒や濃いグレーを読みやすく保てます。SNS画像やバナーでは、ピンクベージュやクリームベージュを使うと、白背景より温かい印象になります。ファッション・インテリア系では、グレージュやトープを使うと、彩度を抑えた大人っぽいトーンに整います。

すでにパステルカラー中心のデザインを作っている場合は、パステルカラーコード一覧で近い明度の色を確認し、ベージュを背景、パステルをアクセントに分けるとまとまりやすくなります。

配色パターンと文字色

ベージュ背景は万能に見えますが、文字色が薄いと全体がぼやけます。本文には #333333、見出しには #3B2F2F や #243047、リンクやボタンには少し濃いブラウンやネイビーを合わせると、落ち着いた印象を保ちながら読みやすくできます。

CMYK・印刷で使うときの注意点

ベージュはCMYK印刷で紙色の影響を受けやすい色です。特にアイボリーやクリームベージュのような明るい色は、上質紙では白との差が小さくなり、背景色として指定したつもりでもほとんど見えないことがあります。面の区切りを出したい場合は、少し濃いサンドベージュやグレージュを選ぶか、境界線を加えると安全です。

RGBからCMYKへ変換するときは、RGB⇔CMYK変換ツールで目安値を確認できます。ただし、CMYK値は印刷会社のプロファイル、紙、インキ、加工条件によって見え方が変わります。ブランドカラーや商品パッケージなど重要な案件では、画面上の数値だけで決めず、校正紙や実物サンプルで確認してください。

よくある質問