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

#333366の色彩情報

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

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

#1a1a33	#222244	#2b2b55	#333366	#3c3c77	#444488	#4d4d99

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

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

#1c1c7d	#242475	#2c2c6d	#333366	#3b3b5e	#434356	#4a4a4f

#333366の補色

#666633

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

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

#333366	#666633

#333366のトライアド配色

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

#336633	#663333

#333366のアナロガス配色

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

#336666	#663366

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

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

#4d6633	#664d33

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

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

#663333	#666633	#336666

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

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

#66334d	#666633	#33664d

#333366のペンタード配色

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

#66335c	#664733	#476633	#33665c

#333366のヘクサード配色

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

#663366	#663333	#666633	#336633	#336666

#333366の12色相平面

0°

180°

360°

#333366の12色相環

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

#333366のRGB成分

R:25%	G:25%	B:50%
R:#330000	G:#003300	B:#000066

#333366のカラーチャート

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