JA
マイツール

ベージュのカラーコード

ベージュ、クリーム、エクリュ、カーキ、シャンパン、タンなどベージュ系・ニュートラル28色のHEX・RGB・HSL・CMYKコードと、明るい版・暗い版、文字色を紹介します。

マイツール →
広告

ベージュは、淡く、わずかに黄みやピンクみを帯びたニュートラルカラーで、染めていない羊毛、砂、紙の色です。このページでは、この系統のCSS色名12色、つまりbeige、wheat、antiquewhite、bisque、tanなどに、クリーム、エクリュ、シャンパン、ボーン、エッグシェル、デザートサンド、フレンチベージュを加えた、ベージュと暖かいニュートラルカラー28色を、HEX・RGB・HSL・HSV・CMYK・OKLCHのコード、明るい版・暗い版、それぞれに最適な文字色とともにまとめました。

使い方

  1. リストからベージュまたはニュートラルカラーを選びます。
  2. 結果からHEX、RGB、HSL、CMYKのコードをコピーします。
  3. より明るい版や暗い版は、明るい版・暗い版の表を使います。
  4. 全体の表ですべての色を比べるか、色見本のチャートをダウンロードします。

計算式

明るい版 = c + (255 − c) × p · 暗い版 = c × (1 − p) · 補色 = HSLの色相 + 180°

cはRGBの各チャンネル、pは混ぜる量(15〜75%)です。CMYKは単純な式 K = 1 − max(R′, G′, B′) を使っているため、印刷用の値は印刷会社に確認してください。

計算例

CSSのbeigeは #F5F5DC = rgb(245, 245, 220)、hsl(60, 55.6%, 91.2%) です。白より青が25段階少ないだけの、とても淡い黄色です。その上の黒い文字は18.97:1に達します。エクリュ #C2B280 はもっと暗く、単純な式でCMYK 0%、8.2%、34%、23.9%です。

ベージュ、タン、カーキの違い

3つとも淡く彩度の低い茶色ですが、深さが違います。ベージュ(#F5F5DC)は最も淡く、ほとんど白に近い色です。タン(#D2B48C)は中くらいの砂色がかった茶色で、より暗く温かみがあります。カーキは最も紛らわしい色です。CSSのキーワード khaki(#F0E68C)はX11のリスト由来の淡い黄色ですが、軍服の伝統的なカーキは、よりくすんだグレーがかった #C3B091 です。エクリュとサンド(Wikipediaのリストでは #C2B280)は、タンとカーキの中間にあります。

よくある質問

クリームはベージュより明るいですか?

はい、少しだけ明るいです。クリーム #FFFDD0 は赤と緑が最大の淡い黄色で、CSSのbeige #F5F5DC はそれより少し暗くグレーがかっています。

ウェブサイトの背景に向いたベージュは?

リネン #FAF0E6、オールドレース #FDF5E6、コズミックラテ #FFF8E7のような非常に淡い色なら、本文のコントラストを高く保てます。タン #D2B48C のような濃いベージュは、枠線やアクセントに向いています。

出典

最終更新:

このツールを引用する
APA

kakaoCalc. (2026, November 8). ベージュのカラーコード. https://kakao.mobile/ja/tools/beige-color-code/

MLA

“ベージュのカラーコード.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ja/tools/beige-color-code/.

広告