Web色変換 タイトル画像

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

赤 カラーコード 一覧

蘇芳 カラーコード 色見本

蘇芳 色

#974B52の色基本情報
16進数#974B52
RGB151 , 75, 82
HSV354 , 50% , 59%
HSL354 , 34% , 44%
CMY69% , 54% , 55%
XYZ16 , 12 , 9
CIE 1976 (L*, a*, b*)41 , 0.32 , 0.1

蘇芳 cmyk

蘇芳に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
2.5R 4/6144,78,840,45,41,43#904E5411.96,0.4184,0.3177
蘇芳に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
d22: R-4.5-5s2157,84,86#9d5456

 

蘇芳 配色

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

蘇芳 2色 配色 ダイアード(補色)
色見本RGB16進数
151,75,82#974B52
74,150,143#4a968f
蘇芳 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
151,75,82#974B52
74,150,105#4a9669
74,120,150#4a7896
蘇芳 3色 配色 トライアド
色見本RGB16進数
151,75,82#974B52
82,150,74#52964a
74,82,150#4a5296
蘇芳 4色 配色 テトラード
色見本RGB16進数
151,75,82#974B52
120,150,74#78964a
74,150,143#4a968f
105,74,150#694a96
蘇芳 5色 配色 ペンタード
色見本RGB16進数
151,75,82#974B52
143,150,74#8f964a
74,150,97#4a9661
74,112,150#4a7096
127,74,150#7f4a96
蘇芳 6色 配色 ヘクサード
色見本RGB16進数
151,75,82#974B52
150,143,74#968f4a
82,150,74#52964a
74,150,143#4a968f
74,82,150#4a5296
143,74,150#8f4a96

蘇芳 合う色

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

蘇芳 グラデーション

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

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

#a9634c#a9783f#a18e40#85863c

蘇芳 一覧

蘇芳の色見本
(蘇芳の色見本)

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

色見本 rgb 16進数
136,60,67 #883C43
136,60,77 #883C4D
136,60,87 #883C57
136,60,97 #883C61
136,70,67 #884643
136,70,77 #88464D
136,70,87 #884657
136,70,97 #884661
136,80,67 #885043
136,80,77 #88504D
136,80,87 #885057
136,80,97 #885061
136,90,67 #885A43
136,90,77 #885A4D
136,90,87 #885A57
136,90,97 #885A61
146,60,67 #923C43
146,60,77 #923C4D
146,60,87 #923C57
146,60,97 #923C61
146,70,67 #924643
146,70,77 #92464D
146,70,87 #924657
146,70,97 #924661
146,80,67 #925043
146,80,77 #92504D
146,80,87 #925057
146,80,97 #925061
146,90,67 #925A43
146,90,77 #925A4D
146,90,87 #925A57
146,90,97 #925A61
156,60,67 #9C3C43
156,60,77 #9C3C4D
156,60,87 #9C3C57
156,60,97 #9C3C61
156,70,67 #9C4643
156,70,77 #9C464D
156,70,87 #9C4657
156,70,97 #9C4661
156,80,67 #9C5043
156,80,77 #9C504D
156,80,87 #9C5057
156,80,97 #9C5061
156,90,67 #9C5A43
156,90,77 #9C5A4D
156,90,87 #9C5A57
156,90,97 #9C5A61
166,60,67 #A63C43
166,60,77 #A63C4D
166,60,87 #A63C57
166,60,97 #A63C61
166,70,67 #A64643
166,70,77 #A6464D
166,70,87 #A64657
166,70,97 #A64661
166,80,67 #A65043
166,80,77 #A6504D
166,80,87 #A65057
166,80,97 #A65061
166,90,67 #A65A43
166,90,77 #A65A4D
166,90,87 #A65A57
166,90,97 #A65A61

tag:



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換