20 種類の茶色の色合い (+ HEXコード)
明るい茶色から深い茶色まで、すべての茶色の色合いを探索しましょう！HEXコード、色名、茶色のカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
茶色はオレンジや赤の明度を落とした色で、色相環上の色というより木やコーヒー、革の質感として受け取られます。
暖色系の配色を支え、主役を奪いません。文字の茶色と背景の茶色は、明度をはっきり離してください。
- serenade#fff5eb
- karry#ffe8d1
- frangipani#ffdbb7
- peach orange#ffce9d
- macaroni and cheese#ffc184
- koromiko#ffb46a
- texas rose#ffa750
- neon carrot#ff9b36
- west side#ff8e1c
- flush orange#ff8103
- mango tango#e87400
- tenn#ce6700
- rose of sharon#b45a00
- brown#9b4d00
- cinnamon#814000
- nutmeg wood finish#673400
- indian tan#4d2700
- cola#341a00
- nero#1a0d00
- black#000000
茶色: HEX & RGB コード
茶色 の主なカラーコードは以下のとおりです:
HEX: #fff5eb
RGB: (255, 245, 235).
インタラクティブなカラーピッカーを使って、さまざまな 茶色 の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
茶色のティントを探索する
Serenade
#fff5eb
Serenade
#fff5eb
Seashell Peach
#fff7f0
Seashell Peach
#fff7f0
Bridal Heath
#fffaf5
Bridal Heath
#fffaf5
Bridal Heath
#fffaf5
Soapstone
#fffcfa
Soapstone
#fffcfa
White
#ffffff
茶色のシェードを探索する
Clinker
#341f09
Brown Derby
#4c3015
Pickled Bean
#654525
Potters Clay
#815e3b
Leather
#9b7855
Sandal
#b49474
Sorrell Brown
#ccb094
Stark White
#e5d1bd
茶色のHEX・RGB・HSL・CMYK
| HEX | #964B00 | |
|---|---|---|
| RGB | rgb(150, 75, 0) | |
| HSL | hsl(30, 100%, 29%) | |
| CMYK | cmyk(0%, 50%, 100%, 41%) |
茶色の明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#cd6600
#ff8307
#ff9f40
#ffbc79
#ffd8b2
#fff5eb
暗い方向
#7f3f00
#693500
#542a00
#3f1f00
#2a1500
#140a00
茶色と相性のよい色
補色
#964B00 #004a94
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#940000 #964B00 #949400
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#964B00 #00944a #4a0094
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
茶色の上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
茶色のシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。