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

#336699の色彩情報

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

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

#204060	#264d73	#2d5986	#336699	#3973ac	#4080bf	#538cc6

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

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

#1466b8	#1f66ad	#2966a3	#336699	#3d668f	#476685	#52667a

#336699の補色

#996633

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

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

#336699	#996633

#336699のトライアド配色

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

#669933	#993366

#336699のアナロガス配色

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

#339966	#663399

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

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

#999933	#993333

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

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

#993366	#996633	#339966

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

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

#993399	#996633	#339933

#336699のペンタード配色

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

#7a3399	#99333d	#8f9933	#339952

#336699のヘクサード配色

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

#663399	#993366	#996633	#669933	#339966

#336699の12色相平面

0°

180°

360°

#336699の12色相環

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

#336699のRGB成分

R:16.7%	G:33.3%	B:50%
R:#330000	G:#006600	B:#000099

#336699のカラーチャート

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