Web色変換 タイトル画像

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

赤 カラーコード 一覧

代赭 色

代赭 色

#bb5520の色基本情報
16進数#bb5520
RGB187 , 85, 32
HSV21 , 83% , 73%
HSL21 , 71% , 43%
CMY77% , 57% , 46%
XYZ24 , 17 , 3
CIE 1976 (L*, a*, b*)48 , 0.38 , 0.48
代赭 cmyk
代赭に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
2.5YR 5/10191,97,420,49,78,25#BF612A19.73,0.5174,0.3903
代赭に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
s44:rO-5.0-8s4199,81,44#c7512c

 

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

代赭 2色 配色 ダイアード(補色)
色見本RGB16進数
187,85,32#bb5520
32,133,188#2085bc
代赭 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
187,85,32#bb5520
32,188,164#20bca4
32,55,188#2037bc
代赭 3色 配色 トライアド
色見本RGB16進数
187,85,32#bb5520
32,188,86#20bc56
86,32,188#5620bc
代赭 4色 配色 テトラード
色見本RGB16進数
187,85,32#bb5520
55,188,32#37bc20
32,133,188#2085bc
164,32,188#a420bc
代赭 5色 配色 ペンタード
色見本RGB16進数
187,85,32#bb5520
102,188,32#66bc20
32,188,149#20bc95
32,40,188#2028bc
188,32,164#bc20a4
代赭 6色 配色 ヘクサード
色見本RGB16進数
187,85,32#bb5520
133,188,32#85bc20
32,188,86#20bc56
32,133,188#2085bc
86,32,188#5620bc
188,32,133#bc2085
代赭 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色
#c7512c #db8b08 #c13547 #a03663 #d2b700 #9aa400
#753a7a #007b75 #008a52 #4b488e #006a8b #005692
配色 3 色
#c7512c#db8b08 #c13547#a03663
#d2b700#9aa400 #753a7a#007b75
#008a52#4b488e #006a8b#005692
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色
#c7512c #a53b1b #f7774d #e55125 #a9634c #d5896f
#ff9e7d #6f3826 #ffb195 #6f5951 #e9baaa #bda39a
#3d2f2b #e8ccc3
配色 3 色
#c7512c#a53b1b #f7774d#e55125
#a9634c#d5896f #ff9e7d#6f3826
#ffb195#6f5951 #e9baaa#bda39a
#3d2f2b#e8ccc3
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (v)
#e55125 #e66d00 #dd3737 #cd1f42 #f29500 #b5184f
#eeac00 #ab2664 #e2c500 #c8bb00 #a4b300 #892c71
#793580 #663e8c #007e77 #008c69 #4aa315 #007c8c
#006b93 #009a55 #005a91 #474798 #00569c #00509d
類似トーン (b)
#f7774d #fb8d3d #f16056 #f15d69 #fba52f #d75674
#f9bb2b #cc5c87 #d9c81b #f2d324 #ab5792 #b7bf19
#9c5da0 #8b63ac #76bb4c #716bb6 #0094a1 #00a583
#00a39b #4d73bb #008fb3 #007daf #00b275 #1979ba
類似トーン (dp)
#a53b1b #aa6600 #9f1b34 #a48f00 #811f4c #717d00
#5a265f #00625c #006f3e #00526f #343472 #004075
類似トーン (sf)
#d5896f #d59f62 #c8787a #ccb664 #ae6f85 #aead5f
#8b698d #756f99 #66a986 #58779a #499b95 #498a9e
類似トーン (d)
#a9634c #a9783f #9d5456 #a18e40 #85863c #854c60
#664768 #514d72 #418261 #345474 #1c7570 #1f6578
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (p)
#e8ccc3 #e8cbcb #f3ddc9 #ebe0c4 #e4ccd3 #e5e2c4
#cebfce #c5c2d3 #bac4d3 #bdd9c9 #b9d8d5 #bed6df
対象トーン (dkg)
#463b30 #423c2d #3e3d2d #3d2f2b #3d2f2f #3c2f33
#2e272e #27362e #292830 #253634 #273439 #242931
#bb5520 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
#e8ccc3 #3d2f2b
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
#db8b08
pccs色相番号 -2
#c13547
代赭 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色

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

#db8b08#d2b700#9aa400#008a52

tag:茶色,



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換