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

#336666の色彩情報

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

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

#1a3333	#224444	#2b5555	#336666	#3c7777	#448888	#4d9999

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

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

#1c7d7d	#247575	#2c6d6d	#336666	#3b5e5e	#435656	#4a4f4f

#336666の補色

#663333

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

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

#336666	#663333

#336666のトライアド配色

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

#666633	#663366

#336666のアナロガス配色

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

#336633	#333366

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

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

#664d33	#66334d

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

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

#663366	#663333	#336633

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

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

#4d3366	#663333	#4d6633

#336666のペンタード配色

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

#3d3366	#663352	#665233	#3d6633

#336666のヘクサード配色

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

#333366	#663366	#663333	#666633	#336633

#336666の12色相平面

0°

180°

360°

#336666の12色相環

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

#336666のRGB成分

R:20%	G:40%	B:40%
R:#330000	G:#006600	B:#000066

#336666のカラーチャート

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