17 種類のウッドの色合い (+ HEXコード)

明るいウッドから深いウッドまで、すべてのウッドの色合いを探索しましょう！HEXコード、色名、ウッドのカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。

木の色は一色ではなく温度です。オークは黄に、ウォルナットはチョコレートに、マホガニーは赤に寄ります。一つの絵で温度を混ぜると、照明の破綻に見えます。

セージやスレート、オフホワイトと合わせれば、あとは素材が語ってくれます。

white
#ffffff
merino
#f8f3ed
dawn pink
#f0e7db
bone
#e9dbca
pavlova
#dac3a6
sorrell brown
#d2b694
tan
#cbaa82
twine
#c39e71
muddy waters
#bc925f
driftwood
#b5864d
cape palliser
#a47945
potters clay
#926c3d
old copper
#6f522e
irish coffee
#5d4427
metallic bronze
#4b371f
black marlin
#392a18
eternity
#271d10

ウッド: HEX & RGB コード

ウッドの主なカラーコードは以下のとおりです:

HEX: #ffffff
RGB: (255, 255, 255).

インタラクティブなカラーピッカーを使って、さまざまなウッドの色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！

ウッドのティントを探索する

White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff

ウッドのシェードを探索する

Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0

ウッドのHEX・RGB・HSL・CMYK

HEX	#C19A6B
RGB	rgb(193, 154, 107)
HSL	hsl(33, 41%, 59%)
CMYK	cmyk(0%, 20%, 45%, 24%)

ウッドの明るい色と暗い色

白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。

明るい方向

#cbaa82
#d4b998
#ddc8ae
#e6d7c4
#f0e6da
#f9f5f1

暗い方向

#b3844b
#926c3d
#71542f
#503b22
#2f2314
#0e0b06

ウッドと相性のよい色

補色

#C19A6B #6c92c1

色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。

類似色

#c1706c #C19A6B #bdc16c

色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。

トライアド

#C19A6B #6cc19b #9b6cc1

等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。

ウッドの上の文字

プライマリテキストの例

ウッドの上の白い文字2.59:1不合格

プライマリテキストの例

ウッドの上のほぼ黒い文字6.84:1AA

WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます：コントラストチェッカー

ウッドのシェードチャート

右クリックでチャートを保存できます。個別のコードは上からコピーしてください。