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

#663399の色彩情報

#663399の同一色相、同一明度の配色

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

#402060	#4d2673	#592d86	#663399	#7339ac	#8040bf	#8c53c6

#663399の同一色相、同一彩度の配色

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

#6614b8	#661fad	#6629a3	#663399	#663d8f	#664785	#66527a

#663399の補色

#669933

#663399のコンプリメンタリー配色

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

#663399	#669933

#663399のトライアド配色

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

#339966	#996633

#663399のアナロガス配色

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

#336699	#993366

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

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

#339933	#999933

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

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

#996633	#669933	#336699

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

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

#993333	#669933	#339999

#663399のペンタード配色

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

#993352	#998f33	#33993d	#337a99

#663399のヘクサード配色

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

#993366	#996633	#669933	#339966	#336699

#663399の12色相平面

0°

180°

360°

#663399の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(102,51,153)	hsl(270,50%,40%)	hsv(270,67%,60%)	#663399
	30	rgb(153,51,153)	hsl(300,50%,40%)	hsv(300,67%,60%)	#993399
	60	rgb(153,51,102)	hsl(330,50%,40%)	hsv(330,67%,60%)	#993366
	90	rgb(153,51,51)	hsl(0,50%,40%)	hsv(0,67%,60%)	#993333
	120	rgb(153,102,51)	hsl(30,50%,40%)	hsv(30,67%,60%)	#996633
	150	rgb(153,153,51)	hsl(60,50%,40%)	hsv(60,67%,60%)	#999933
	180	rgb(102,153,51)	hsl(90,50%,40%)	hsv(90,67%,60%)	#669933
	210	rgb(51,153,51)	hsl(120,50%,40%)	hsv(120,67%,60%)	#339933
	240	rgb(51,153,102)	hsl(150,50%,40%)	hsv(150,67%,60%)	#339966
	270	rgb(51,153,153)	hsl(180,50%,40%)	hsv(180,67%,60%)	#339999
	300	rgb(51,102,153)	hsl(210,50%,40%)	hsv(210,67%,60%)	#336699
	330	rgb(51,51,153)	hsl(240,50%,40%)	hsv(240,67%,60%)	#333399
	360	rgb(102,51,153)	hsl(270,50%,40%)	hsv(270,67%,60%)	#663399

#663399のRGB成分

R:33.3%	G:16.7%	B:50%
R:#660000	G:#003300	B:#000099

#663399のカラーチャート

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