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

#003399の色彩情報

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

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

#001a4d	#002266	#002a80	#003399	#003bb3	#0044cc	#004ce6

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

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

#003399	#003399	#003399	#003399	#083691	#0f388a	#173b82

#003399の補色

#996600

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

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

#003399	#996600

#003399のトライアド配色

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

#339900	#990033

#003399のアナロガス配色

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

#009966	#660099

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

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

#809900	#991a00

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

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

#990033	#996600	#009966

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

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

#990080	#996600	#00991a

#003399のペンタード配色

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

#850099	#990a00	#709900	#009947

#003399のヘクサード配色

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

#660099	#990033	#996600	#339900	#009966

#003399の12色相平面

0°

180°

360°

#003399の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(0,51,153)	hsl(220,100%,30%)	hsv(220,100%,60%)	#003399
	30	rgb(25,0,153)	hsl(250,100%,30%)	hsv(250,100%,60%)	#190099
	60	rgb(102,0,153)	hsl(280,100%,30%)	hsv(280,100%,60%)	#660099
	90	rgb(153,0,128)	hsl(310,100%,30%)	hsv(310,100%,60%)	#990080
	120	rgb(153,0,51)	hsl(340,100%,30%)	hsv(340,100%,60%)	#990033
	150	rgb(153,26,0)	hsl(10,100%,30%)	hsv(10,100%,60%)	#991a00
	180	rgb(153,102,0)	hsl(40,100%,30%)	hsv(40,100%,60%)	#996600
	210	rgb(128,153,0)	hsl(70,100%,30%)	hsv(70,100%,60%)	#809900
	240	rgb(51,153,0)	hsl(100,100%,30%)	hsv(100,100%,60%)	#339900
	270	rgb(0,153,26)	hsl(130,100%,30%)	hsv(130,100%,60%)	#00991a
	300	rgb(0,153,102)	hsl(160,100%,30%)	hsv(160,100%,60%)	#009966
	330	rgb(0,128,153)	hsl(190,100%,30%)	hsv(190,100%,60%)	#008099
	360	rgb(0,51,153)	hsl(220,100%,30%)	hsv(220,100%,60%)	#003399

#003399のRGB成分

R:0%	G:25%	B:75%
R:#000000	G:#003300	B:#000099

#003399のカラーチャート

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