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

#8f8f8fの色彩情報

#8f8f8fの同一色相、同一明度の配色

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

#696969	#757575	#828282	#8f8f8f	#9c9c9c	#a8a8a8	#b5b5b5

#8f8f8fの同一色相、同一彩度の配色

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

#b06d6d	#a57878	#9a8484	#8f8f8f	#8f8f8f	#8f8f8f	#8f8f8f

#8f8f8fの補色

#8f8f8f

#8f8f8fのコンプリメンタリー配色

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

#8f8f8f	#8f8f8f

#8f8f8fのトライアド配色

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

#8f8f8f	#8f8f8f

#8f8f8fのアナロガス配色

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

#8f8f8f	#8f8f8f

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

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

#8f8f8f	#8f8f8f

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

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

#8f8f8f	#8f8f8f	#8f8f8f

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

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

#8f8f8f	#8f8f8f	#8f8f8f

#8f8f8fのペンタード配色

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

#8f8f8f	#8f8f8f	#8f8f8f	#8f8f8f

#8f8f8fのヘクサード配色

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

#8f8f8f	#8f8f8f	#8f8f8f	#8f8f8f	#8f8f8f

#8f8f8fの12色相平面

0°

180°

360°

#8f8f8fの12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(143,143,143)	hsl(0,0%,56%)	hsv(0,0%,56%)	#8f8f8f
	30	rgb(143,143,143)	hsl(30,0%,56%)	hsv(30,0%,56%)	#8f8f8f
	60	rgb(143,143,143)	hsl(60,0%,56%)	hsv(60,0%,56%)	#8f8f8f
	90	rgb(143,143,143)	hsl(90,0%,56%)	hsv(90,0%,56%)	#8f8f8f
	120	rgb(143,143,143)	hsl(120,0%,56%)	hsv(120,0%,56%)	#8f8f8f
	150	rgb(143,143,143)	hsl(150,0%,56%)	hsv(150,0%,56%)	#8f8f8f
	180	rgb(143,143,143)	hsl(180,0%,56%)	hsv(180,0%,56%)	#8f8f8f
	210	rgb(143,143,143)	hsl(210,0%,56%)	hsv(210,0%,56%)	#8f8f8f
	240	rgb(143,143,143)	hsl(240,0%,56%)	hsv(240,0%,56%)	#8f8f8f
	270	rgb(143,143,143)	hsl(270,0%,56%)	hsv(270,0%,56%)	#8f8f8f
	300	rgb(143,143,143)	hsl(300,0%,56%)	hsv(300,0%,56%)	#8f8f8f
	330	rgb(143,143,143)	hsl(330,0%,56%)	hsv(330,0%,56%)	#8f8f8f
	360	rgb(143,143,143)	hsl(0,0%,56%)	hsv(0,0%,56%)	#8f8f8f

#8f8f8fのRGB成分

R:33.3%	G:33.3%	B:33.3%
R:#8f0000	G:#008f00	B:#00008f

#8f8f8fのカラーチャート

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