色 #996633（Woodgrain）

16進法コード #996633 は色 Woodgrain に対応しています。下記で RGB、HSL、CMYK の正確な値を確認でき、白と黒の背景でのコントラストを確認し、茶色ファミリー内の類似色と補色を発見できます。

HEX コード	#996633
RGB コード	rgb(153, 102, 51)
HSLコード	hsl(30, 50%, 40%)
CMYKコード	cmyk(0%, 33%, 67%, 40%)
色ファミリー	茶色

コントラストとアクセシビリティ（WCAG）

白背景での表示: 4.88:1

AA ✓

AAA ✕

黒い背景上: 4.3:1

AA ✕

AAA ✕

カラーコンバーターで開くこのカラーでパレットを作成

補色

Stellar
#46647E

類似色

Indochine Coconut Hello Fall Aged Antics Inca Gold Fernweh

色をファミリー別に探索

469以上の名前付き色と、HEX、RGB、HSL、CMYKコードが12の色調ファミリーに整理されています。

赤 50 オレンジ 45 茶色 40 黄色 40 グリーン 55 ターコイズ 35 ブルー 55 紫色 45 ピンク 45 グレー 35 ホワイト 15 ブラック 9 パステル 36

色 Woodgrain の使い方

CSSまたはデザインに適用する

#996633コードをコピーして、スタイルシートで直接使用してください。例えば、background-color: #996633;またはcolor: #996633;のように使用できます。別の形式の値が必要な場合は、当社のカラーコンバーターを使用してRGB、HSL、またはCMYKに変換してください。

他の色と組み合わせる

Woodgrainを補色と一緒に、または下に示した茶色ファミリーの類似トーンと一緒に試すか、パレットジェネレーターを使用してこの色から完全なパレットを生成してください。

アクセシビリティを確認する

Woodgrainをテキストまたは背景色として使用する前に、上記に示されている白と黒のコントラスト比を確認するか、コントラストチェッカーで任意の組み合わせを分析して、WCAG AAおよびAAA レベルに準拠していることを確認してください。

よくある質問

#996633の色は何ですか？

コード#996633は色Woodgrainに該当し、茶色ファミリーに分類されます。

Woodgrainとよく合う色は何ですか？

補色と類似色は下に表示されます。または、PDFDocksのパレット生成ツールを使用してWoodgrainから完全なパレットを作成できます。

Woodgrainの色はテキストとしてアクセス可能ですか？

背景によって異なります。上記の白と黒のコントラスト比を確認して、WCAG AAおよびAAAのアクセシビリティレベルを満たしているかご確認ください。