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

#333399の色彩情報

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

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

#202060	#262673	#2d2d86	#333399	#3939ac	#4040bf	#5353c6

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

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

#1414b8	#1f1fad	#2929a3	#333399	#3d3d8f	#474785	#52527a

#333399の補色

#999933

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

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

#333399	#999933

#333399のトライアド配色

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

#339933	#993333

#333399のアナロガス配色

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

#339999	#993399

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

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

#669933	#996633

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

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

#993333	#999933	#339999

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

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

#993366	#999933	#339966

#333399のペンタード配色

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

#993385	#995c33	#5c9933	#339985

#333399のヘクサード配色

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

#993399	#993333	#999933	#339933	#339999

#333399の12色相平面

0°

180°

360°

#333399の12色相環

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

#333399のRGB成分

R:20%	G:20%	B:60%
R:#330000	G:#003300	B:#000099

#333399のカラーチャート

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