Web色変換 タイトル画像

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

赤 カラーコード 一覧

とび色 色見本 合う色

とび色 色

#7D483Eの色基本情報
16進数#7D483E
RGB125 , 72, 62
HSV10 , 50% , 49%
HSL10 , 34% , 37%
CMY73% , 63% , 61%
XYZ11 , 9 , 5
CIE 1976 (L*, a*, b*)36 , 0.21 , 0.15

とび色 cmyk

とび色に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
10R 4/4132,86,740,34,43,48#84564A11.98,0.4106,0.3511
とび色に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
dk44:rO-3.0-5s4111,56,38#6f3826

 

とび色 配色

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

とび色 2色 配色 ダイアード(補色)
色見本RGB16進数
125,72,62#7D483E
62,116,126#3e747e
とび色 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
125,72,62#7D483E
62,126,105#3e7e69
62,84,126#3e547e
とび色 3色 配色 トライアド
色見本RGB16進数
125,72,62#7D483E
62,126,73#3e7e49
73,62,126#493e7e
とび色 4色 配色 テトラード
色見本RGB16進数
125,72,62#7D483E
84,126,62#547e3e
62,116,126#3e747e
105,62,126#693e7e
とび色 5色 配色 ペンタード
色見本RGB16進数
125,72,62#7D483E
103,126,62#677e3e
62,126,99#3e7e63
62,77,126#3e4d7e
124,62,126#7c3e7e
とび色 6色 配色 ヘクサード
色見本RGB16進数
125,72,62#7D483E
116,126,62#747e3e
62,126,73#3e7e49
62,116,126#3e747e
73,62,126#493e7e
126,62,116#7e3e74

とび色 合う色

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

とび色 グラデーション

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

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

#704b1a#6b5e1b#535617#185138

とび色 一覧

とび色の色見本
(とび色の色見本)

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

色見本 rgb 16進数
110,57,47 #6E392F
110,57,57 #6E3939
110,57,67 #6E3943
110,57,77 #6E394D
110,67,47 #6E432F
110,67,57 #6E4339
110,67,67 #6E4343
110,67,77 #6E434D
110,77,47 #6E4D2F
110,77,57 #6E4D39
110,77,67 #6E4D43
110,77,77 #6E4D4D
110,87,47 #6E572F
110,87,57 #6E5739
110,87,67 #6E5743
110,87,77 #6E574D
120,57,47 #78392F
120,57,57 #783939
120,57,67 #783943
120,57,77 #78394D
120,67,47 #78432F
120,67,57 #784339
120,67,67 #784343
120,67,77 #78434D
120,77,47 #784D2F
120,77,57 #784D39
120,77,67 #784D43
120,77,77 #784D4D
120,87,47 #78572F
120,87,57 #785739
120,87,67 #785743
120,87,77 #78574D
130,57,47 #82392F
130,57,57 #823939
130,57,67 #823943
130,57,77 #82394D
130,67,47 #82432F
130,67,57 #824339
130,67,67 #824343
130,67,77 #82434D
130,77,47 #824D2F
130,77,57 #824D39
130,77,67 #824D43
130,77,77 #824D4D
130,87,47 #82572F
130,87,57 #825739
130,87,67 #825743
130,87,77 #82574D
140,57,47 #8C392F
140,57,57 #8C3939
140,57,67 #8C3943
140,57,77 #8C394D
140,67,47 #8C432F
140,67,57 #8C4339
140,67,67 #8C4343
140,67,77 #8C434D
140,77,47 #8C4D2F
140,77,57 #8C4D39
140,77,67 #8C4D43
140,77,77 #8C4D4D
140,87,47 #8C572F
140,87,57 #8C5739
140,87,67 #8C5743
140,87,77 #8C574D

tag:茶色, 赤,



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換