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

#af363bの色彩情報

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

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

#752427	#892a2d	#9c3034	#b0363a	#c33c40	#c94f53	#cf6367

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

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

#d2141a	#c71f25	#bb2a2f	#b0363a	#a44145	#994d4f	#8d585a

#af363bの補色

#36b0ac

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

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

#af363b	#36b0ac

#af363bのトライアド配色

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

#363ab0	#3ab036

#af363bのアナロガス配色

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

#ac36b0	#b0ac36

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

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

#3677b0	#36b06f

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

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

#3ab036	#36b0ac	#ac36b0

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

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

#77b036	#36b0ac	#6f36b0

#af363bのペンタード配色

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

#9bb036	#36b063	#366bb0	#9336b0

#af363bのヘクサード配色

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

#b0ac36	#3ab036	#36b0ac	#363ab0	#ac36b0

#af363bの12色相平面

0°

180°

360°

#af363bの12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(176,54,58)	hsl(358,53%,45%)	hsv(358,69%,69%)	#b0363a
	30	rgb(176,111,54)	hsl(28,53%,45%)	hsv(28,69%,69%)	#b06f36
	60	rgb(176,172,54)	hsl(58,53%,45%)	hsv(58,69%,69%)	#b0ac36
	90	rgb(119,176,54)	hsl(88,53%,45%)	hsv(88,69%,69%)	#77b036
	120	rgb(58,176,54)	hsl(118,53%,45%)	hsv(118,69%,69%)	#3ab036
	150	rgb(54,176,111)	hsl(148,53%,45%)	hsv(148,69%,69%)	#36b06f
	180	rgb(54,176,172)	hsl(178,53%,45%)	hsv(178,69%,69%)	#36b0ac
	210	rgb(54,119,176)	hsl(208,53%,45%)	hsv(208,69%,69%)	#3677b0
	240	rgb(54,58,176)	hsl(238,53%,45%)	hsv(238,69%,69%)	#363ab0
	270	rgb(111,54,176)	hsl(268,53%,45%)	hsv(268,69%,69%)	#6f36b0
	300	rgb(172,54,176)	hsl(298,53%,45%)	hsv(298,69%,69%)	#ac36b0
	330	rgb(176,54,119)	hsl(328,53%,45%)	hsv(328,69%,69%)	#b03677
	360	rgb(176,54,58)	hsl(358,53%,45%)	hsv(358,69%,69%)	#b0363a

#af363bのRGB成分

R:60.8%	G:18.8%	B:20.5%
R:#af0000	G:#003600	B:#00003b

#af363bのカラーチャート

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