Web色変換 タイトル画像

色とWebデザインに関するサイト,web制作のサポートツール, WEBや印刷で使う色 ,配色,dic,pantone(パントーン),16進数,cmyk

赤 カラーコード 一覧

ブラウン カラーコード

ブラウン 色

#734E31の色基本情報
16進数#734E31
RGB115 , 78, 49
HSV26 , 57% , 45%
HSL26 , 40% , 32%
CMY75% , 67% , 62%
XYZ10 , 9 , 4
CIE 1976 (L*, a*, b*)36 , 0.12 , 0.23

ブラウン cmyk

ブラウンに近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
7.5YR 4/4126,90,590,28,53,50#7E5A3B12,0.4219,0.3904
ブラウンに近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
dk66:yO-3.5-5s6112,75,26#704b1a

 

ブラウン 配色

ブラウンの各種配色パターンの
色見本やカラーコードの一覧です。

ブラウン 2色 配色 ダイアード(補色)
色見本RGB16進数
115,78,49#734E31
49,86,114#315672
ブラウン 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
115,78,49#734E31
49,114,110#31726e
49,53,114#313572
ブラウン 3色 配色 トライアド
色見本RGB16進数
115,78,49#734E31
49,114,77#31724d
77,49,114#4d3172
ブラウン 4色 配色 テトラード
色見本RGB16進数
115,78,49#734E31
53,114,49#357231
49,86,114#315672
110,49,114#6e3172
ブラウン 5色 配色 ペンタード
色見本RGB16進数
115,78,49#734E31
73,114,49#497231
49,114,103#317267
51,49,114#333172
114,49,99#723163
ブラウン 6色 配色 ヘクサード
色見本RGB16進数
115,78,49#734E31
86,114,49#567231
49,114,77#31724d
49,86,114#315672
77,49,114#4d3172
114,49,86#723156

ブラウン 合う色

同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色
#704b1a #6f3826 #6b5e1b #642a2e #535617 #5d2d3f
#422944 #185138 #004542 #312e4d #004252 #14344e
配色 3 色
#704b1a#6f3826 #6b5e1b#642a2e
#535617#5d2d3f #422944#185138
#004542#312e4d #004252#14344e
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色
#704b1a #776656 #463b30 #a9783f #d59f62 #aa6600
#c7b3a0 #efccaa #ffc887 #fcb869 #f3ddc9 #db8b08
#fba52f #f29500
配色 3 色
#704b1a#776656 #463b30#a9783f
#d59f62#aa6600 #c7b3a0#efccaa
#ffc887#fcb869 #f3ddc9#db8b08
#fba52f#f29500
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (dp)
#a53b1b #aa6600 #9f1b34 #811f4c #717d00 #00625c
#a48f00 #00526f #006f3e #5a265f #004075 #343472
類似トーン (d)
#a9634c #9d5456 #a9783f #854c60 #85863c #a18e40
#664768 #514d72 #418261 #345474 #1c7570 #1f6578
類似トーン (dkg)
#463b30 #423c2d #3e3d2d #3d2f2b #3d2f2f #3c2f33
#27362e #2e272e #253634 #292830 #273439 #242931
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (lt)
#f59fa0 #d995ac #ffb195 #b48fb5 #ffc887 #9c95c1
#7e9dc3 #d9d784 #71b1c7 #f9e08a #8dd3ad #71c5be
対象トーン (ltg)
#bda39a #bda2a2 #a497a4 #c7b3a0 #b9a3aa #c0b69b
#bab89b #9c99a9 #929caa #95afa0 #90aeab #95acb5
#734E31 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
#ffc887 #c7b3a0
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
#6b5e1b
pccs色相番号 -2
#6f3826

ブラウン グラデーション

トーン グラデーション配色トーンを使った段階的に変化させる配色

#fcb869#ffc887#d59f62
色相 グラデーション配色色相を使った段階的に変化させる配色

#6b5e1b#535617#185138#004542

ブラウン 色見本 一覧

ブラウンの色見本
(ブラウンの色見本)

jis慣用色名 ブラウンに近い色の色見本 rgb 16進数のカラーコード一覧

色見本 rgb 16進数
100,63,34 #643F22
100,63,44 #643F2C
100,63,54 #643F36
100,63,64 #643F40
100,73,34 #644922
100,73,44 #64492C
100,73,54 #644936
100,73,64 #644940
100,83,34 #645322
100,83,44 #64532C
100,83,54 #645336
100,83,64 #645340
100,93,34 #645D22
100,93,44 #645D2C
100,93,54 #645D36
100,93,64 #645D40
110,63,34 #6E3F22
110,63,44 #6E3F2C
110,63,54 #6E3F36
110,63,64 #6E3F40
110,73,34 #6E4922
110,73,44 #6E492C
110,73,54 #6E4936
110,73,64 #6E4940
110,83,34 #6E5322
110,83,44 #6E532C
110,83,54 #6E5336
110,83,64 #6E5340
110,93,34 #6E5D22
110,93,44 #6E5D2C
110,93,54 #6E5D36
110,93,64 #6E5D40
120,63,34 #783F22
120,63,44 #783F2C
120,63,54 #783F36
120,63,64 #783F40
120,73,34 #784922
120,73,44 #78492C
120,73,54 #784936
120,73,64 #784940
120,83,34 #785322
120,83,44 #78532C
120,83,54 #785336
120,83,64 #785340
120,93,34 #785D22
120,93,44 #785D2C
120,93,54 #785D36
120,93,64 #785D40
130,63,34 #823F22
130,63,44 #823F2C
130,63,54 #823F36
130,63,64 #823F40
130,73,34 #824922
130,73,44 #82492C
130,73,54 #824936
130,73,64 #824940
130,83,34 #825322
130,83,44 #82532C
130,83,54 #825336
130,83,64 #825340
130,93,34 #825D22
130,93,44 #825D2C
130,93,54 #825D36
130,93,64 #825D40

ブラウンに近い色見本 色番号ブラウンに似ているカラーコード一覧、jis慣用色名、Webカラー(X11の色名)などから色見本,rgb,16進数
Pantone(パントーン)、DICからは色見本のみを5つ載せています。
ブラウンに近い色 jis慣用色名

色見本 RGB 16進数 jis慣用色名 色名
115,78,49 #734E31 ブラウン
115,78,48 #734E30 茶色
117,76,56 #754C38 ココアブラウン
91,70,42 #5B462A バーントアンバー
102,65,52 #664134 錆色

ブラウンに近い色 Webカラー

色見本 RGB 16進数 Webカラー 色名
160,82,45 #A0522D Sienna
139,69,19 #8B4513 SaddleBrown
105,105,105 #696969 DimGray
128,128,128 #808080 Gray
188,143,143 #BC8F8F RosyBrown

ブラウンに近い色 Pantone(パントーン)

色見本 Pantone(パントーン) 色名
PANTONE463 C
PANTONE469 C
PANTONE4705 C
PANTONE161 C
PANTONE478 C

ブラウンに近い色 DIC

色見本 DIC 色名
DIC308
DIC344
DIC342
DIC346
DIC2274

ブラウンの補色(合う色)ブラウンの補色 色見本,rgb,16進数

色見本 RGB 16進数
49,86,115 315673

tag:16進数, cmyk, dicカラー, pantone, 色見本, 茶色, 配色,



記事
webp から jpg 一括

webp 変換ツール 説明 webpからjpg,png変換やjpgやpngなどの画像ファイルからwe…

パステルカラー カラーコード

パステルカラー カラーコード 一覧表示 説明 パステル カラー多くの色の「カラーコード(16進数)」…

cmyk 色見本

CMYK⇔RGBの相互変換可能なWEBツールです。 RGBやcmyk の数値変換した色をすぐに確認で…

rgb 変換

  rgb 変換 使い方 rgbをカラーピッカーから選択してカラーコード(16進数),CM…

画像 色 抽出

画像の色抽出 割合を調べるツール 説明 画像から 色(カラーコード)や 色の面積や面積の割合や配色比…

画像サイズ変更 縮小拡大 ツール

画像サイズ変更 縮小拡大 ツール 使い方   横向きの画像と縦向きの画像が混ざっている時に…

色 抽出 スポイトツール

色 抽出 スポイトツール 説明 画像からカラーコードの色を抽出する際に使える スポイトツール。 使い…

rgba 変換