Web色変換 タイトル画像

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

赤 カラーコード 一覧

土色 カラーコード 配色

土色 色

#A96E2Dの色基本情報
16進数#A96E2D
RGB169 , 110, 45
HSV31 , 73% , 66%
HSL31 , 58% , 42%
CMY69% , 58% , 45%
XYZ22 , 19 , 5
CIE 1976 (L*, a*, b*)51 , 0.17 , 0.44

土色 cmyk

土色に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
7.5YR 5/8171,109,390,36,77,32#AB6D2719.78,0.4809,0.421
土色に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
d66:yO-5.5-5s6169,120,63#a9783f

 

土色 配色

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

土色 2色 配色 ダイアード(補色)
色見本RGB16進数
169,110,45#A96E2D
45,105,169#2d69a9
土色 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
169,110,45#A96E2D
45,167,169#2da7a9
47,45,169#2f2da9
土色 3色 配色 トライアド
色見本RGB16進数
169,110,45#A96E2D
45,169,109#2da96d
109,45,169#6d2da9
土色 4色 配色 テトラード
色見本RGB16進数
169,110,45#A96E2D
45,169,47#2da92f
45,105,169#2d69a9
169,45,167#a92da7
土色 5色 配色 ペンタード
色見本RGB16進数
169,110,45#A96E2D
80,169,45#50a92d
45,169,159#2da99f
59,45,169#3b2da9
169,45,130#a92d82
土色 6色 配色 ヘクサード
色見本RGB16進数
169,110,45#A96E2D
105,169,45#69a92d
45,169,109#2da96d
45,105,169#2d69a9
109,45,169#6d2da9
169,45,105#a92d69

土色 合う色

同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色
#a9783f #a9634c #a18e40 #85863c #9d5456 #854c60
#418261 #664768 #1c7570 #514d72 #1f6578 #345474
配色 3 色
#a9783f#a9634c #a18e40#85863c
#9d5456#854c60 #418261#664768
#1c7570#514d72 #1f6578#345474
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色
#a9783f #aa6600 #d59f62 #704b1a #db8b08 #fcb869
#ffc887 #fba52f #776656 #f29500 #efccaa #c7b3a0
#463b30 #f3ddc9
配色 3 色
#a9783f#aa6600 #d59f62#704b1a
#db8b08#fcb869 #ffc887#fba52f
#776656#f29500 #efccaa#c7b3a0
#463b30#f3ddc9
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (dp)
#aa6600 #a53b1b #a48f00 #717d00 #9f1b34 #811f4c
#006f3e #00625c #5a265f #00526f #004075 #343472
類似トーン (s)
#c7512c #db8b08 #c13547 #d2b700 #9aa400 #a03663
#008a52 #007b75 #753a7a #006a8b #4b488e #005692
類似トーン (sf)
#d59f62 #d5896f #ccb664 #aead5f #c8787a #ae6f85
#66a986 #8b698d #499b95 #756f99 #58779a #498a9e
類似トーン (g)
#716951 #776656 #6c6a51 #6f5951 #6f5858 #6c585e
#576e61 #5a4e5a #536e6c #52505e #4c6068 #4a525e
類似トーン (dk)
#704b1a #6b5e1b #6f3826 #535617 #642a2e #5d2d3f
#185138 #422944 #004542 #312e4d #004252 #14344e
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (v)
#e66d00 #f29500 #e55125 #eeac00 #dd3737 #c8bb00
#e2c500 #cd1f42 #a4b300 #b5184f #ab2664 #008c69
#007e77 #4aa315 #009a55 #892c71 #007c8c #793580
#006b93 #005a91 #663e8c #00569c #474798 #00509d
対象トーン (p)
#e8ccc3 #f3ddc9 #ebe0c4 #e5e2c4 #e8cbcb #e4ccd3
#cebfce #bdd9c9 #c5c2d3 #bac4d3 #b9d8d5 #bed6df
#A96E2D トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
#f29500 #f3ddc9
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
#a18e40
pccs色相番号 -2
#a9634c

土色 グラデーション

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

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

#a18e40#85863c#418261#1c7570

土色 一覧

土色の色見本
(土色の色見本)

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

色見本 rgb 16進数
154,95,30 #9A5F1E
154,95,40 #9A5F28
154,95,50 #9A5F32
154,95,60 #9A5F3C
154,105,30 #9A691E
154,105,40 #9A6928
154,105,50 #9A6932
154,105,60 #9A693C
154,115,30 #9A731E
154,115,40 #9A7328
154,115,50 #9A7332
154,115,60 #9A733C
154,125,30 #9A7D1E
154,125,40 #9A7D28
154,125,50 #9A7D32
154,125,60 #9A7D3C
164,95,30 #A45F1E
164,95,40 #A45F28
164,95,50 #A45F32
164,95,60 #A45F3C
164,105,30 #A4691E
164,105,40 #A46928
164,105,50 #A46932
164,105,60 #A4693C
164,115,30 #A4731E
164,115,40 #A47328
164,115,50 #A47332
164,115,60 #A4733C
164,125,30 #A47D1E
164,125,40 #A47D28
164,125,50 #A47D32
164,125,60 #A47D3C
174,95,30 #AE5F1E
174,95,40 #AE5F28
174,95,50 #AE5F32
174,95,60 #AE5F3C
174,105,30 #AE691E
174,105,40 #AE6928
174,105,50 #AE6932
174,105,60 #AE693C
174,115,30 #AE731E
174,115,40 #AE7328
174,115,50 #AE7332
174,115,60 #AE733C
174,125,30 #AE7D1E
174,125,40 #AE7D28
174,125,50 #AE7D32
174,125,60 #AE7D3C
184,95,30 #B85F1E
184,95,40 #B85F28
184,95,50 #B85F32
184,95,60 #B85F3C
184,105,30 #B8691E
184,105,40 #B86928
184,105,50 #B86932
184,105,60 #B8693C
184,115,30 #B8731E
184,115,40 #B87328
184,115,50 #B87332
184,115,60 #B8733C
184,125,30 #B87D1E
184,125,40 #B87D28
184,125,50 #B87D32
184,125,60 #B87D3C

tag:茶色,



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換