色：色の名前とカラーコード

#5472aeの色彩情報

#5472aeの同一色相、同一明度の配色

明度に変化を持たせた配色

#3b517d	#435c8e	#4b67a0	#5573af	#6681b7	#7890bf	#899ec8

#5472aeの同一色相、同一彩度の配色

彩度に変化を持たせた配色

#3067d5	#3c6bc8	#496fbc	#5573af	#6277a3	#6e7b96	#7b808a

#5472aeの補色

#af9155

#5472aeのコンプリメンタリー配色

色相環の正反対にある色同士の配色

#5472ae	#af9155

#5472aeのトライアド配色

色相環を正三角形で3等分した位置にある3色の配色

#73af55	#af5573

#5472aeのアナロガス配色

色相環で隣り合う色を組み合わせた配色

#55af91	#9155af

#5472aeのスプリット・コンプリメンタリー配色

基準色とその補色の類似色を使った配色

#a0af55	#af6455

#5472aeのテトラード配色(長方形)配色

色相環を長方形に4分した位置にある4色の配色

#af5573	#af9155	#55af91

#5472aeのテトラード配色(正方形)配色

色相環を正方形に4分した位置にある4色の配色

#af55a0	#af9155	#55af64

#5472aeのペンタード配色

色相環を正五角形で5等分した位置にある5色の配色

#a355af	#af5b55	#97af55	#55af7f

#5472aeのヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色

#9155af	#af5573	#af9155	#73af55	#55af91

#5472aeの12色相平面

0°

180°

360°

#5472aeの12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(85,115,175)	hsl(220,36%,51%)	hsv(220,51%,69%)	#5573af
	30	rgb(100,85,175)	hsl(250,36%,51%)	hsv(250,51%,69%)	#6455af
	60	rgb(145,85,175)	hsl(280,36%,51%)	hsv(280,51%,69%)	#9155af
	90	rgb(175,85,160)	hsl(310,36%,51%)	hsv(310,51%,69%)	#af55a0
	120	rgb(175,85,115)	hsl(340,36%,51%)	hsv(340,51%,69%)	#af5573
	150	rgb(175,100,85)	hsl(10,36%,51%)	hsv(10,51%,69%)	#af6455
	180	rgb(175,145,85)	hsl(40,36%,51%)	hsv(40,51%,69%)	#af9155
	210	rgb(160,175,85)	hsl(70,36%,51%)	hsv(70,51%,69%)	#a0af55
	240	rgb(115,175,85)	hsl(100,36%,51%)	hsv(100,51%,69%)	#73af55
	270	rgb(85,175,100)	hsl(130,36%,51%)	hsv(130,51%,69%)	#55af64
	300	rgb(85,175,145)	hsl(160,36%,51%)	hsv(160,51%,69%)	#55af91
	330	rgb(85,160,175)	hsl(190,36%,51%)	hsv(190,51%,69%)	#55a0af
	360	rgb(85,115,175)	hsl(220,36%,51%)	hsv(220,51%,69%)	#5573af

#5472aeのRGB成分

R:22.6%	G:30.6%	B:46.8%
R:#540000	G:#007200	B:#0000ae

#5472aeのカラーチャート

		彩度
		100%	75%	50%	25%	0%
輝度	100%
	83%
	66%
	50%
	34%
	17%
	0%