茶色のカラーコード(茶系34色)
チョコレート、コーヒー、チェスナット、シエナ、アンバー、セピア、マホガニーなど茶系34色のHEX・RGB・HSL・CMYKコードと、明るい版・暗い版、補色を紹介します。
茶色は、実際には彩度の低い暗いオレンジや暗い赤です。そのため色合いは、赤みがかったチェスナットやマホガニーから、黄みがかったタンやオーカーまで幅があります。このページでは、saddlebrown、sienna、chocolate、peruなど、CSSが名前で知っている9色の茶色に、コーヒー、カフェオレ、チェスナット、アンバー、セピア、ラセット、ブロンズ、カッパーを加えた茶色34色を、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′) を使っており、印刷会社は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)はそれらの中間にあります。
出典
最終更新:
この入力内容のページアドレス: https://kakao.mobile/ja/tools/brown-color-code/
このツールを引用する
kakaoCalc. (2026, November 8). 茶色のカラーコード(茶系34色). https://kakao.mobile/ja/tools/brown-color-code/
“茶色のカラーコード(茶系34色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ja/tools/brown-color-code/.