JA
マイツール

茶色のカラーコード(茶系34色)

チョコレート、コーヒー、チェスナット、シエナ、アンバー、セピア、マホガニーなど茶系34色のHEX・RGB・HSL・CMYKコードと、明るい版・暗い版、補色を紹介します。

マイツール →
広告

茶色は、実際には彩度の低い暗いオレンジや暗い赤です。そのため色合いは、赤みがかったチェスナットやマホガニーから、黄みがかったタンやオーカーまで幅があります。このページでは、saddlebrown、sienna、chocolate、peruなど、CSSが名前で知っている9色の茶色に、コーヒー、カフェオレ、チェスナット、アンバー、セピア、ラセット、ブロンズ、カッパーを加えた茶色34色を、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′) を使っており、印刷会社はICCプロファイルで変換するため、数値が異なる場合があります。

計算例

サドルブラウン(saddlebrown)は #8B4513 = rgb(139, 69, 19)、hsl(25, 75.9%, 31%) です。明度の低いオレンジ系の色相で、目にはこれが茶色として映ります。その上の白い文字は7.09:1に達します。コーヒー #6F4E37 は、単純な式でCMYK 0%、29.7%、50.5%、56.5%に変換されます。

よくある質問

CSSの「brown」はなぜ赤く見えるのですか?

CSSのキーワード brown(#A52A2A)は古いX11の色リストに由来し、そこでは色相0°の暗い赤茶色として定義されていました。多くの人が思い浮かべるのは、サドルブラウン #8B4513 や伝統的な茶色 #964B00 に近い色です。

茶色は色相環にありますか?

純粋な色相としてはありません。茶色は、明度が低く彩度が中程度のオレンジ、赤、または黄色です。オレンジ #FF8000 を暗くすると、伝統的な茶色 #964B00(色相30°)になります。

アンバーとシエナの違いは?

どちらも土系の顔料です。ローアンバー #826644 は涼しげで緑みのある茶色、バーントアンバー #8A3324 はより暗い赤茶色、バーントシエナ #E97451 は明るいオレンジがかった茶色です。CSSの sienna(#A0522D)はそれらの中間にあります。

出典

最終更新:

このツールを引用する
APA

kakaoCalc. (2026, November 8). 茶色のカラーコード(茶系34色). https://kakao.mobile/ja/tools/brown-color-code/

MLA

“茶色のカラーコード(茶系34色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ja/tools/brown-color-code/.

広告