Web色変換 タイトル画像

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

赤 カラーコード 一覧

カラーコード 茶色(ブラウン) 一覧

茶色 色

#734E30の色基本情報
16進数#734E30
RGB115 , 78, 48
HSV27 , 58% , 45%
HSL27 , 41% , 32%
CMY75% , 68% , 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,48#734E30
48,85,115#305573
茶色 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
115,78,48#734E30
48,115,112#307370
48,51,115#303373
茶色 3色 配色 トライアド
色見本RGB16進数
115,78,48#734E30
48,115,78#30734e
78,48,115#4e3073
茶色 4色 配色 テトラード
色見本RGB16進数
115,78,48#734E30
51,115,48#337330
48,85,115#305573
112,48,115#703073
茶色 5色 配色 ペンタード
色見本RGB16進数
115,78,48#734E30
72,115,48#487330
48,115,105#307369
51,48,115#333073
115,48,98#733062
茶色 6色 配色 ヘクサード
色見本RGB16進数
115,78,48#734E30
85,115,48#557330
48,115,78#30734e
48,85,115#305573
78,48,115#4e3073
115,48,85#733055

茶色 合う色

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

茶色 グラデーション

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

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

#6b5e1b#535617#185138#004542

カラーコード 茶色 一覧
カラーコード 茶色系の 一覧表、見た目茶色(赤茶、オレンジ、黄土色)の近似値を
10進数(RGB)と16進数で全体的に出力しています。

RGB R値を 230~255 1間隔
RGB G値を 90~150 20間隔
RGB B値を 0~80 20間隔

の各組み合わせで茶色(ブラウン)系の
色見本を載せています。

色見本 カラーコード RGB値 カラーコード 16進数
230,90,0 #e65a00
231,90,0 #e75a00
232,90,0 #e85a00
233,90,0 #e95a00
234,90,0 #ea5a00
235,90,0 #eb5a00
236,90,0 #ec5a00
237,90,0 #ed5a00
238,90,0 #ee5a00
239,90,0 #ef5a00
240,90,0 #f05a00
241,90,0 #f15a00
242,90,0 #f25a00
243,90,0 #f35a00
244,90,0 #f45a00
245,90,0 #f55a00
246,90,0 #f65a00
247,90,0 #f75a00
248,90,0 #f85a00
249,90,0 #f95a00
250,90,0 #fa5a00
251,90,0 #fb5a00
252,90,0 #fc5a00
253,90,0 #fd5a00
254,90,0 #fe5a00
255,90,0 #ff5a00
230,90,20 #e65a14
231,90,20 #e75a14
232,90,20 #e85a14
233,90,20 #e95a14
234,90,20 #ea5a14
235,90,20 #eb5a14
236,90,20 #ec5a14
237,90,20 #ed5a14
238,90,20 #ee5a14
239,90,20 #ef5a14
240,90,20 #f05a14
241,90,20 #f15a14
242,90,20 #f25a14
243,90,20 #f35a14
244,90,20 #f45a14
245,90,20 #f55a14
246,90,20 #f65a14
247,90,20 #f75a14
248,90,20 #f85a14
249,90,20 #f95a14
250,90,20 #fa5a14
251,90,20 #fb5a14
252,90,20 #fc5a14
253,90,20 #fd5a14
254,90,20 #fe5a14
255,90,20 #ff5a14
230,90,40 #e65a28
231,90,40 #e75a28
232,90,40 #e85a28
233,90,40 #e95a28
234,90,40 #ea5a28
235,90,40 #eb5a28
236,90,40 #ec5a28
237,90,40 #ed5a28
238,90,40 #ee5a28
239,90,40 #ef5a28
240,90,40 #f05a28
241,90,40 #f15a28
242,90,40 #f25a28
243,90,40 #f35a28
244,90,40 #f45a28
245,90,40 #f55a28
246,90,40 #f65a28
247,90,40 #f75a28
248,90,40 #f85a28
249,90,40 #f95a28
250,90,40 #fa5a28
251,90,40 #fb5a28
252,90,40 #fc5a28
253,90,40 #fd5a28
254,90,40 #fe5a28
255,90,40 #ff5a28
230,90,60 #e65a3c
231,90,60 #e75a3c
232,90,60 #e85a3c
233,90,60 #e95a3c
234,90,60 #ea5a3c
235,90,60 #eb5a3c
236,90,60 #ec5a3c
237,90,60 #ed5a3c
238,90,60 #ee5a3c
239,90,60 #ef5a3c
240,90,60 #f05a3c
241,90,60 #f15a3c
242,90,60 #f25a3c
243,90,60 #f35a3c
244,90,60 #f45a3c
245,90,60 #f55a3c
246,90,60 #f65a3c
247,90,60 #f75a3c
248,90,60 #f85a3c
249,90,60 #f95a3c
250,90,60 #fa5a3c
251,90,60 #fb5a3c
252,90,60 #fc5a3c
253,90,60 #fd5a3c
254,90,60 #fe5a3c
255,90,60 #ff5a3c
230,90,80 #e65a50
231,90,80 #e75a50
232,90,80 #e85a50
233,90,80 #e95a50
234,90,80 #ea5a50
235,90,80 #eb5a50
236,90,80 #ec5a50
237,90,80 #ed5a50
238,90,80 #ee5a50
239,90,80 #ef5a50
240,90,80 #f05a50
241,90,80 #f15a50
242,90,80 #f25a50
243,90,80 #f35a50
244,90,80 #f45a50
245,90,80 #f55a50
246,90,80 #f65a50
247,90,80 #f75a50
248,90,80 #f85a50
249,90,80 #f95a50
250,90,80 #fa5a50
251,90,80 #fb5a50
252,90,80 #fc5a50
253,90,80 #fd5a50
254,90,80 #fe5a50
255,90,80 #ff5a50
230,110,0 #e66e00
231,110,0 #e76e00
232,110,0 #e86e00
233,110,0 #e96e00
234,110,0 #ea6e00
235,110,0 #eb6e00
236,110,0 #ec6e00
237,110,0 #ed6e00
238,110,0 #ee6e00
239,110,0 #ef6e00
240,110,0 #f06e00
241,110,0 #f16e00
242,110,0 #f26e00
243,110,0 #f36e00
244,110,0 #f46e00
245,110,0 #f56e00
246,110,0 #f66e00
247,110,0 #f76e00
248,110,0 #f86e00
249,110,0 #f96e00
250,110,0 #fa6e00
251,110,0 #fb6e00
252,110,0 #fc6e00
253,110,0 #fd6e00
254,110,0 #fe6e00
255,110,0 #ff6e00
230,110,20 #e66e14
231,110,20 #e76e14
232,110,20 #e86e14
233,110,20 #e96e14
234,110,20 #ea6e14
235,110,20 #eb6e14
236,110,20 #ec6e14
237,110,20 #ed6e14
238,110,20 #ee6e14
239,110,20 #ef6e14
240,110,20 #f06e14
241,110,20 #f16e14
242,110,20 #f26e14
243,110,20 #f36e14
244,110,20 #f46e14
245,110,20 #f56e14
246,110,20 #f66e14
247,110,20 #f76e14
248,110,20 #f86e14
249,110,20 #f96e14
250,110,20 #fa6e14
251,110,20 #fb6e14
252,110,20 #fc6e14
253,110,20 #fd6e14
254,110,20 #fe6e14
255,110,20 #ff6e14
230,110,40 #e66e28
231,110,40 #e76e28
232,110,40 #e86e28
233,110,40 #e96e28
234,110,40 #ea6e28
235,110,40 #eb6e28
236,110,40 #ec6e28
237,110,40 #ed6e28
238,110,40 #ee6e28
239,110,40 #ef6e28
240,110,40 #f06e28
241,110,40 #f16e28
242,110,40 #f26e28
243,110,40 #f36e28
244,110,40 #f46e28
245,110,40 #f56e28
246,110,40 #f66e28
247,110,40 #f76e28
248,110,40 #f86e28
249,110,40 #f96e28
250,110,40 #fa6e28
251,110,40 #fb6e28
252,110,40 #fc6e28
253,110,40 #fd6e28
254,110,40 #fe6e28
255,110,40 #ff6e28
230,110,60 #e66e3c
231,110,60 #e76e3c
232,110,60 #e86e3c
233,110,60 #e96e3c
234,110,60 #ea6e3c
235,110,60 #eb6e3c
236,110,60 #ec6e3c
237,110,60 #ed6e3c
238,110,60 #ee6e3c
239,110,60 #ef6e3c
240,110,60 #f06e3c
241,110,60 #f16e3c
242,110,60 #f26e3c
243,110,60 #f36e3c
244,110,60 #f46e3c
245,110,60 #f56e3c
246,110,60 #f66e3c
247,110,60 #f76e3c
248,110,60 #f86e3c
249,110,60 #f96e3c
250,110,60 #fa6e3c
251,110,60 #fb6e3c
252,110,60 #fc6e3c
253,110,60 #fd6e3c
254,110,60 #fe6e3c
255,110,60 #ff6e3c
230,110,80 #e66e50
231,110,80 #e76e50
232,110,80 #e86e50
233,110,80 #e96e50
234,110,80 #ea6e50
235,110,80 #eb6e50
236,110,80 #ec6e50
237,110,80 #ed6e50
238,110,80 #ee6e50
239,110,80 #ef6e50
240,110,80 #f06e50
241,110,80 #f16e50
242,110,80 #f26e50
243,110,80 #f36e50
244,110,80 #f46e50
245,110,80 #f56e50
246,110,80 #f66e50
247,110,80 #f76e50
248,110,80 #f86e50
249,110,80 #f96e50
250,110,80 #fa6e50
251,110,80 #fb6e50
252,110,80 #fc6e50
253,110,80 #fd6e50
254,110,80 #fe6e50
255,110,80 #ff6e50
230,130,0 #e68200
231,130,0 #e78200
232,130,0 #e88200
233,130,0 #e98200
234,130,0 #ea8200
235,130,0 #eb8200
236,130,0 #ec8200
237,130,0 #ed8200
238,130,0 #ee8200
239,130,0 #ef8200
240,130,0 #f08200
241,130,0 #f18200
242,130,0 #f28200
243,130,0 #f38200
244,130,0 #f48200
245,130,0 #f58200
246,130,0 #f68200
247,130,0 #f78200
248,130,0 #f88200
249,130,0 #f98200
250,130,0 #fa8200
251,130,0 #fb8200
252,130,0 #fc8200
253,130,0 #fd8200
254,130,0 #fe8200
255,130,0 #ff8200
230,130,20 #e68214
231,130,20 #e78214
232,130,20 #e88214
233,130,20 #e98214
234,130,20 #ea8214
235,130,20 #eb8214
236,130,20 #ec8214
237,130,20 #ed8214
238,130,20 #ee8214
239,130,20 #ef8214
240,130,20 #f08214
241,130,20 #f18214
242,130,20 #f28214
243,130,20 #f38214
244,130,20 #f48214
245,130,20 #f58214
246,130,20 #f68214
247,130,20 #f78214
248,130,20 #f88214
249,130,20 #f98214
250,130,20 #fa8214
251,130,20 #fb8214
252,130,20 #fc8214
253,130,20 #fd8214
254,130,20 #fe8214
255,130,20 #ff8214
230,130,40 #e68228
231,130,40 #e78228
232,130,40 #e88228
233,130,40 #e98228
234,130,40 #ea8228
235,130,40 #eb8228
236,130,40 #ec8228
237,130,40 #ed8228
238,130,40 #ee8228
239,130,40 #ef8228
240,130,40 #f08228
241,130,40 #f18228
242,130,40 #f28228
243,130,40 #f38228
244,130,40 #f48228
245,130,40 #f58228
246,130,40 #f68228
247,130,40 #f78228
248,130,40 #f88228
249,130,40 #f98228
250,130,40 #fa8228
251,130,40 #fb8228
252,130,40 #fc8228
253,130,40 #fd8228
254,130,40 #fe8228
255,130,40 #ff8228
230,130,60 #e6823c
231,130,60 #e7823c
232,130,60 #e8823c
233,130,60 #e9823c
234,130,60 #ea823c
235,130,60 #eb823c
236,130,60 #ec823c
237,130,60 #ed823c
238,130,60 #ee823c
239,130,60 #ef823c
240,130,60 #f0823c
241,130,60 #f1823c
242,130,60 #f2823c
243,130,60 #f3823c
244,130,60 #f4823c
245,130,60 #f5823c
246,130,60 #f6823c
247,130,60 #f7823c
248,130,60 #f8823c
249,130,60 #f9823c
250,130,60 #fa823c
251,130,60 #fb823c
252,130,60 #fc823c
253,130,60 #fd823c
254,130,60 #fe823c
255,130,60 #ff823c
230,130,80 #e68250
231,130,80 #e78250
232,130,80 #e88250
233,130,80 #e98250
234,130,80 #ea8250
235,130,80 #eb8250
236,130,80 #ec8250
237,130,80 #ed8250
238,130,80 #ee8250
239,130,80 #ef8250
240,130,80 #f08250
241,130,80 #f18250
242,130,80 #f28250
243,130,80 #f38250
244,130,80 #f48250
245,130,80 #f58250
246,130,80 #f68250
247,130,80 #f78250
248,130,80 #f88250
249,130,80 #f98250
250,130,80 #fa8250
251,130,80 #fb8250
252,130,80 #fc8250
253,130,80 #fd8250
254,130,80 #fe8250
255,130,80 #ff8250
230,150,0 #e69600
231,150,0 #e79600
232,150,0 #e89600
233,150,0 #e99600
234,150,0 #ea9600
235,150,0 #eb9600
236,150,0 #ec9600
237,150,0 #ed9600
238,150,0 #ee9600
239,150,0 #ef9600
240,150,0 #f09600
241,150,0 #f19600
242,150,0 #f29600
243,150,0 #f39600
244,150,0 #f49600
245,150,0 #f59600
246,150,0 #f69600
247,150,0 #f79600
248,150,0 #f89600
249,150,0 #f99600
250,150,0 #fa9600
251,150,0 #fb9600
252,150,0 #fc9600
253,150,0 #fd9600
254,150,0 #fe9600
255,150,0 #ff9600
230,150,20 #e69614
231,150,20 #e79614
232,150,20 #e89614
233,150,20 #e99614
234,150,20 #ea9614
235,150,20 #eb9614
236,150,20 #ec9614
237,150,20 #ed9614
238,150,20 #ee9614
239,150,20 #ef9614
240,150,20 #f09614
241,150,20 #f19614
242,150,20 #f29614
243,150,20 #f39614
244,150,20 #f49614
245,150,20 #f59614
246,150,20 #f69614
247,150,20 #f79614
248,150,20 #f89614
249,150,20 #f99614
250,150,20 #fa9614
251,150,20 #fb9614
252,150,20 #fc9614
253,150,20 #fd9614
254,150,20 #fe9614
255,150,20 #ff9614
230,150,40 #e69628
231,150,40 #e79628
232,150,40 #e89628
233,150,40 #e99628
234,150,40 #ea9628
235,150,40 #eb9628
236,150,40 #ec9628
237,150,40 #ed9628
238,150,40 #ee9628
239,150,40 #ef9628
240,150,40 #f09628
241,150,40 #f19628
242,150,40 #f29628
243,150,40 #f39628
244,150,40 #f49628
245,150,40 #f59628
246,150,40 #f69628
247,150,40 #f79628
248,150,40 #f89628
249,150,40 #f99628
250,150,40 #fa9628
251,150,40 #fb9628
252,150,40 #fc9628
253,150,40 #fd9628
254,150,40 #fe9628
255,150,40 #ff9628
230,150,60 #e6963c
231,150,60 #e7963c
232,150,60 #e8963c
233,150,60 #e9963c
234,150,60 #ea963c
235,150,60 #eb963c
236,150,60 #ec963c
237,150,60 #ed963c
238,150,60 #ee963c
239,150,60 #ef963c
240,150,60 #f0963c
241,150,60 #f1963c
242,150,60 #f2963c
243,150,60 #f3963c
244,150,60 #f4963c
245,150,60 #f5963c
246,150,60 #f6963c
247,150,60 #f7963c
248,150,60 #f8963c
249,150,60 #f9963c
250,150,60 #fa963c
251,150,60 #fb963c
252,150,60 #fc963c
253,150,60 #fd963c
254,150,60 #fe963c
255,150,60 #ff963c
230,150,80 #e69650
231,150,80 #e79650
232,150,80 #e89650
233,150,80 #e99650
234,150,80 #ea9650
235,150,80 #eb9650
236,150,80 #ec9650
237,150,80 #ed9650
238,150,80 #ee9650
239,150,80 #ef9650
240,150,80 #f09650
241,150,80 #f19650
242,150,80 #f29650
243,150,80 #f39650
244,150,80 #f49650
245,150,80 #f59650
246,150,80 #f69650
247,150,80 #f79650
248,150,80 #f89650
249,150,80 #f99650
250,150,80 #fa9650
251,150,80 #fb9650
252,150,80 #fc9650
253,150,80 #fd9650
254,150,80 #fe9650
255,150,80 #ff9650

tag:一覧,



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換