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

#663366の色彩情報

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

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

#331a33	#442244	#552b55	#663366	#773c77	#884488	#994d99

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

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

#7d1c7d	#752475	#6d2c6d	#663366	#5e3b5e	#564356	#4f4a4f

#663366の補色

#336633

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

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

#663366	#336633

#663366のトライアド配色

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

#336666	#666633

#663366のアナロガス配色

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

#333366	#663333

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

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

#33664d	#4d6633

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

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

#666633	#336633	#333366

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

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

#664d33	#336633	#334d66

#663366のペンタード配色

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

#663d33	#526633	#336652	#333d66

#663366のヘクサード配色

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

#663333	#666633	#336633	#336666	#333366

#663366の12色相平面

0°

180°

360°

#663366の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(102,51,102)	hsl(300,33%,30%)	hsv(300,50%,40%)	#663366
	30	rgb(102,51,77)	hsl(330,33%,30%)	hsv(330,50%,40%)	#66334d
	60	rgb(102,51,51)	hsl(0,33%,30%)	hsv(0,50%,40%)	#663333
	90	rgb(102,77,51)	hsl(30,33%,30%)	hsv(30,50%,40%)	#664d33
	120	rgb(102,102,51)	hsl(60,33%,30%)	hsv(60,50%,40%)	#666633
	150	rgb(77,102,51)	hsl(90,33%,30%)	hsv(90,50%,40%)	#4d6633
	180	rgb(51,102,51)	hsl(120,33%,30%)	hsv(120,50%,40%)	#336633
	210	rgb(51,102,77)	hsl(150,33%,30%)	hsv(150,50%,40%)	#33664d
	240	rgb(51,102,102)	hsl(180,33%,30%)	hsv(180,50%,40%)	#336666
	270	rgb(51,77,102)	hsl(210,33%,30%)	hsv(210,50%,40%)	#334d66
	300	rgb(51,51,102)	hsl(240,33%,30%)	hsv(240,50%,40%)	#333366
	330	rgb(77,51,102)	hsl(270,33%,30%)	hsv(270,50%,40%)	#4d3366
	360	rgb(102,51,102)	hsl(300,33%,30%)	hsv(300,50%,40%)	#663366

#663366のRGB成分

R:40%	G:20%	B:40%
R:#660000	G:#003300	B:#000066

#663366のカラーチャート

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