Web色変換 タイトル画像

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

赤 カラーコード 一覧

ばら色 合う色 配色

ばら色 色

#D34778の色基本情報
16進数#D34778
RGB211 , 71, 120
HSV339 , 66% , 83%
HSL339 , 61% , 55%
CMY62% , 35% , 44%
XYZ32 , 19 , 19
CIE 1976 (L*, a*, b*)51 , 0.58 , 0.02

ばら色 cmyk

ばら色に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
7.5RP 5/14214,66,1230,69,42,16#D6427B19.59,0.4521,0.2668
ばら色に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
b11:pR-5.5-8s1215,86,116#d75674

 

ばら色 配色

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

ばら色 2色 配色 ダイアード(補色)
色見本RGB16進数
211,71,120#D34778
70,210,161#46d2a1
ばら色 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
211,71,120#D34778
70,210,91#46d25b
70,189,210#46bdd2
ばら色 3色 配色 トライアド
色見本RGB16進数
211,71,120#D34778
119,210,70#77d246
70,119,210#4677d2
ばら色 4色 配色 テトラード
色見本RGB16進数
211,71,120#D34778
189,210,70#bdd246
70,210,161#46d2a1
91,70,210#5b46d2
ばら色 5色 配色 ペンタード
色見本RGB16進数
211,71,120#D34778
210,189,70#d2bd46
70,210,77#46d24d
70,175,210#46afd2
133,70,210#8546d2
ばら色 6色 配色 ヘクサード
色見本RGB16進数
211,71,120#D34778
210,161,70#d2a146
119,210,70#77d246
70,210,161#46d2a1
70,119,210#4677d2
161,70,210#a146d2

ばら色 合う色

同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色
#d75674 #cc5c87 #f15d69 #ab5792 #f16056 #9c5da0
#8b63ac #f7774d #716bb6 #fb8d3d #4d73bb #1979ba
#fba52f #007daf #008fb3 #0094a1 #f9bb2b #00a39b
#00a583 #d9c81b #f2d324 #b7bf19 #76bb4c #00b275
配色 3 色
#d75674#cc5c87 #f15d69#ab5792
#f16056#9c5da0 #8b63ac#f7774d
#716bb6#fb8d3d #4d73bb#1979ba
#fba52f#007daf #008fb3#0094a1
#f9bb2b#00a39b #00a583#d9c81b
#f2d324#b7bf19 #76bb4c#00b275
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色
#d75674 #b5184f
配色 3 色
#d75674#b5184f
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (b)
#d75674 #cc5c87 #f15d69 #ab5792 #f16056 #9c5da0
#8b63ac #f7774d #716bb6 #fb8d3d #4d73bb #1979ba
#fba52f #007daf #008fb3 #0094a1 #f9bb2b #00a39b
#00a583 #d9c81b #f2d324 #b7bf19 #76bb4c #00b275
類似トーン (lt)
#d995ac #f59fa0 #b48fb5 #ffb195 #9c95c1 #7e9dc3
#ffc887 #71b1c7 #f9e08a #d9d784 #71c5be #8dd3ad
類似トーン (lt+)
#d98295 #f28c8e #ac7eae #ff9e7d #8e87be #fcb869
#6591c0 #52a6bf #edd267 #caca61 #3faba4 #73c89c
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (dp)
#9f1b34 #811f4c #a53b1b #5a265f #343472 #aa6600
#004075 #00526f #00625c #a48f00 #717d00 #006f3e
対象トーン (g)
#6f5858 #6c585e #6f5951 #5a4e5a #776656 #52505e
#716951 #4a525e #6c6a51 #4c6068 #536e6c #576e61
カマイユ 配色パターン
隣接した色相、同一類似のトーンを使った配色
pccs色相番号 +1
#f15d69
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
#f16056
pccs色相番号 -2
#ab5792

ばら色 グラデーション

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

#f16056#fb8d3d#f9bb2b#d9c81b
#ab5792#8b63ac#4d73bb#007daf

ばら色 一覧

ばら色の色見本
(ばら色の色見本)

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

色見本 rgb 16進数
196,56,105 #C43869
196,56,115 #C43873
196,56,125 #C4387D
196,56,135 #C43887
196,66,105 #C44269
196,66,115 #C44273
196,66,125 #C4427D
196,66,135 #C44287
196,76,105 #C44C69
196,76,115 #C44C73
196,76,125 #C44C7D
196,76,135 #C44C87
196,86,105 #C45669
196,86,115 #C45673
196,86,125 #C4567D
196,86,135 #C45687
206,56,105 #CE3869
206,56,115 #CE3873
206,56,125 #CE387D
206,56,135 #CE3887
206,66,105 #CE4269
206,66,115 #CE4273
206,66,125 #CE427D
206,66,135 #CE4287
206,76,105 #CE4C69
206,76,115 #CE4C73
206,76,125 #CE4C7D
206,76,135 #CE4C87
206,86,105 #CE5669
206,86,115 #CE5673
206,86,125 #CE567D
206,86,135 #CE5687
216,56,105 #D83869
216,56,115 #D83873
216,56,125 #D8387D
216,56,135 #D83887
216,66,105 #D84269
216,66,115 #D84273
216,66,125 #D8427D
216,66,135 #D84287
216,76,105 #D84C69
216,76,115 #D84C73
216,76,125 #D84C7D
216,76,135 #D84C87
216,86,105 #D85669
216,86,115 #D85673
216,86,125 #D8567D
216,86,135 #D85687
226,56,105 #E23869
226,56,115 #E23873
226,56,125 #E2387D
226,56,135 #E23887
226,66,105 #E24269
226,66,115 #E24273
226,66,125 #E2427D
226,66,135 #E24287
226,76,105 #E24C69
226,76,115 #E24C73
226,76,125 #E24C7D
226,76,135 #E24C87
226,86,105 #E25669
226,86,115 #E25673
226,86,125 #E2567D
226,86,135 #E25687

tag:レッド, 赤,



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換