イエロー カラー コード 補色 色 配色

イエロー 色

#ffdc00の色基本情報
16進数	#ffdc00
RGB	255 , 220, 0
HSV	52 , 100% , 100%
HSL	52 , 100% , 50%
CMY	56% , 50% , 6%
XYZ	66 , 72 , 10
CIE 1976 (L*, a*, b*)	88 , -0.05 , 0.88

イエロー cmykイエローに近い色 マンセル値

色見本	マンセル値 色名	RGB	CMYK	16進数	Yxy
	5Y 9/12	255,229,29	0,10,88,0	#FFE51D	78.93,0.4423,0.4793

イエローに近いPCCSの色

色見本	PCCS TONE番号	PCCS No:HLS	色相番号	RGB	16進数
	b8	8: Y-8.5-8s	8	242,211,36	#f2d324

イエロー 配色

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

イエロー 2色 配色 ダイアード(補色)

色見本	RGB	16進数
	255,220,0	#ffdc00
	0,34,255	#0022ff

イエロー 3色 配色 スプリットコンプリメンタリー(分裂補色)

色見本	RGB	16進数
	255,220,0	#ffdc00
	0,162,255	#00a2ff
	94,0,255	#5e00ff

イエロー 3色 配色 トライアド

色見本	RGB	16進数
	255,220,0	#ffdc00
	0,255,221	#00ffdd
	221,0,255	#dd00ff

イエロー 4色 配色 テトラード

色見本	RGB	16進数
	255,220,0	#ffdc00
	0,255,94	#00ff5e
	0,34,255	#0022ff
	255,0,162	#ff00a2

イエロー 5色 配色 ペンタード

色見本	RGB	16進数
	255,220,0	#ffdc00
	0,255,17	#00ff11
	0,187,255	#00bbff
	119,0,255	#7700ff
	255,0,85	#ff0055

イエロー 6色 配色 ヘクサード

色見本	RGB	16進数
	255,220,0	#ffdc00
	34,255,0	#22ff00
	0,255,221	#00ffdd
	0,34,255	#0022ff
	221,0,255	#dd00ff
	255,0,34	#ff0022

イエロー 合う色

同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色

#f2d324

#d9c81b

#f9bb2b

#b7bf19

#fba52f

#fb8d3d

#76bb4c

#f7774d

#f16056

#00b275

#f15d69

#00a583

#d75674

#00a39b

#cc5c87

#0094a1

#008fb3

#ab5792

#9c5da0

#007daf

#8b63ac

#716bb6

#1979ba

#4d73bb

配色 3 色

#f2d324

#d9c81b

#f9bb2b

#b7bf19

#fba52f

#fb8d3d

#76bb4c

#f7774d

#f16056

#00b275

#f15d69

#00a583

#d75674

#00a39b

#cc5c87

#0094a1

#008fb3

#ab5792

#9c5da0

#007daf

#8b63ac

#716bb6

#1979ba

#4d73bb

ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色

#f2d324

#e2c500

#d2b700

#edd267

#a48f00

#f9e08a

#ccb664

#a18e40

#efe0b5

#6b5e1b

#ebe0c4

#c0b69b

#716951

#423c2d

配色 3 色

#f2d324

#e2c500

#d2b700

#edd267

#a48f00

#f9e08a

#ccb664

#a18e40

#efe0b5

#6b5e1b

#ebe0c4

#c0b69b

#716951

#423c2d

類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (b)

#f2d324

#d9c81b

#f9bb2b

#b7bf19

#fba52f

#fb8d3d

#76bb4c

#f7774d

#f16056

#00b275

#f15d69

#00a583

#d75674

#00a39b

#cc5c87

#0094a1

#008fb3

#ab5792

#9c5da0

#007daf

#8b63ac

#716bb6

#1979ba

#4d73bb

類似トーン (lt)

#f9e08a

#d9d784

#ffc887

#ffb195

#8dd3ad

#f59fa0

#71c5be

#d995ac

#71b1c7

#b48fb5

#9c95c1

#7e9dc3

類似トーン (lt+)

#edd267

#caca61

#fcb869

#ff9e7d

#73c89c

#f28c8e

#d98295

#3faba4

#52a6bf

#ac7eae

#6591c0

#8e87be

対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (dp)

#a48f00

#717d00

#aa6600

#a53b1b

#006f3e

#9f1b34

#00625c

#811f4c

#00526f

#5a265f

#004075

#343472

対象トーン (g)

#716951

#6c6a51

#776656

#6f5951

#576e61

#6f5858

#536e6c

#6c585e

#4c6068

#5a4e5a

#4a525e

#52505e

#ffdc00 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す

#a48f00

#716951

カマイユ 配色パターン
隣接した色相、同一類似のトーンを使った配色
pccs色相番号 +1

#d9c81b

pccs色相番号 -1

#f9bb2b

フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2

#b7bf19

pccs色相番号 -2

#fba52f

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

#f2d324

#d2b700

#a48f00

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

#b7bf19

#00b275

#00a39b

#008fb3