ベージュのカラーコード
ベージュ、クリーム、エクリュ、カーキ、シャンパン、タンなどベージュ系・ニュートラル28色のHEX・RGB・HSL・CMYKコードと、明るい版・暗い版、文字色を紹介します。
ベージュは、淡く、わずかに黄みやピンクみを帯びたニュートラルカラーで、染めていない羊毛、砂、紙の色です。このページでは、この系統のCSS色名12色、つまりbeige、wheat、antiquewhite、bisque、tanなどに、クリーム、エクリュ、シャンパン、ボーン、エッグシェル、デザートサンド、フレンチベージュを加えた、ベージュと暖かいニュートラルカラー28色を、HEX・RGB・HSL・HSV・CMYK・OKLCHのコード、明るい版・暗い版、それぞれに最適な文字色とともにまとめました。
使い方
- リストからベージュまたはニュートラルカラーを選びます。
- 結果からHEX、RGB、HSL、CMYKのコードをコピーします。
- より明るい版や暗い版は、明るい版・暗い版の表を使います。
- 全体の表ですべての色を比べるか、色見本のチャートをダウンロードします。
計算式
明るい版 = 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 のような濃いベージュは、枠線やアクセントに向いています。
出典
最終更新:
この入力内容のページアドレス: https://kakao.mobile/ja/tools/beige-color-code/
このツールを引用する
kakaoCalc. (2026, November 8). ベージュのカラーコード. https://kakao.mobile/ja/tools/beige-color-code/
“ベージュのカラーコード.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ja/tools/beige-color-code/.