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

#325e9aの色彩情報

#325e9aの同一色相、同一明度の配色

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

#1f3a60	#254674	#2c5287	#325d9a	#3869ad	#3e75c1	#5282c7

#325e9aの同一色相、同一彩度の配色

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

#1358b9	#1e5aae	#285ca4	#325d9a	#3c5f90	#466186	#51627b

#325e9aの補色

#9a6f32

#325e9aのコンプリメンタリー配色

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

#325e9a	#9a6f32

#325e9aのトライアド配色

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

#5d9a32	#9a325d

#325e9aのアナロガス配色

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

#329a6f	#6f329a

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

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

#919a32	#9a3b32

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

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

#9a325d	#9a6f32	#329a6f

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

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

#9a3291	#9a6f32	#329a3b

#325e9aのペンタード配色

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

#83329a	#9a3234	#879a32	#329a5a

#325e9aのヘクサード配色

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

#6f329a	#9a325d	#9a6f32	#5d9a32	#329a6f

#325e9aの12色相平面

0°

180°

360°

#325e9aの12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(50,93,154)	hsl(215,51%,40%)	hsv(215,68%,60%)	#325d9a
	30	rgb(59,50,154)	hsl(245,51%,40%)	hsv(245,68%,60%)	#3b329a
	60	rgb(111,50,154)	hsl(275,51%,40%)	hsv(275,68%,60%)	#6f329a
	90	rgb(154,50,145)	hsl(305,51%,40%)	hsv(305,68%,60%)	#9a3291
	120	rgb(154,50,93)	hsl(335,51%,40%)	hsv(335,68%,60%)	#9a325d
	150	rgb(154,59,50)	hsl(5,51%,40%)	hsv(5,68%,60%)	#9a3b32
	180	rgb(154,111,50)	hsl(35,51%,40%)	hsv(35,68%,60%)	#9a6f32
	210	rgb(145,154,50)	hsl(65,51%,40%)	hsv(65,68%,60%)	#919a32
	240	rgb(93,154,50)	hsl(95,51%,40%)	hsv(95,68%,60%)	#5d9a32
	270	rgb(50,154,59)	hsl(125,51%,40%)	hsv(125,68%,60%)	#329a3b
	300	rgb(50,154,111)	hsl(155,51%,40%)	hsv(155,68%,60%)	#329a6f
	330	rgb(50,145,154)	hsl(185,51%,40%)	hsv(185,68%,60%)	#32919a
	360	rgb(50,93,154)	hsl(215,51%,40%)	hsv(215,68%,60%)	#325d9a

#325e9aのRGB成分

R:16.8%	G:31.5%	B:51.7%
R:#320000	G:#005e00	B:#00009a

#325e9aのカラーチャート

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