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

#f5949fの色彩情報

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

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

#ef4e60	#f16575	#f37c8a	#f5949f	#f7abb4	#f9c2c9	#fcdade

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

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

#ff8a97	#ff8a97	#fb8e9b	#f5949f	#ef9aa4	#e99fa8	#e3a5ad

#f5949fの補色

#94f5ea

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

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

#f5949f	#94f5ea

#f5949fのトライアド配色

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

#949ff5	#9ff594

#f5949fのアナロガス配色

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

#ea94f5	#f5ea94

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

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

#94d0f5	#94f5b9

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

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

#9ff594	#94f5ea	#ea94f5

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

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

#d0f594	#94f5ea	#b994f5

#f5949fのペンタード配色

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

#edf594	#94f5af	#94c6f5	#d694f5

#f5949fのヘクサード配色

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

#f5ea94	#9ff594	#94f5ea	#949ff5	#ea94f5

#f5949fの12色相平面

0°

180°

360°

#f5949fの12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(245,148,159)	hsl(353,83%,77%)	hsv(353,40%,96%)	#f5949f
	30	rgb(245,185,148)	hsl(23,83%,77%)	hsv(23,40%,96%)	#f5b994
	60	rgb(245,234,148)	hsl(53,83%,77%)	hsv(53,40%,96%)	#f5ea94
	90	rgb(208,245,148)	hsl(83,83%,77%)	hsv(83,40%,96%)	#d0f594
	120	rgb(159,245,148)	hsl(113,83%,77%)	hsv(113,40%,96%)	#9ff594
	150	rgb(148,245,185)	hsl(143,83%,77%)	hsv(143,40%,96%)	#94f5b9
	180	rgb(148,245,234)	hsl(173,83%,77%)	hsv(173,40%,96%)	#94f5ea
	210	rgb(148,208,245)	hsl(203,83%,77%)	hsv(203,40%,96%)	#94d0f5
	240	rgb(148,159,245)	hsl(233,83%,77%)	hsv(233,40%,96%)	#949ff5
	270	rgb(185,148,245)	hsl(263,83%,77%)	hsv(263,40%,96%)	#b994f5
	300	rgb(234,148,245)	hsl(293,83%,77%)	hsv(293,40%,96%)	#ea94f5
	330	rgb(245,148,208)	hsl(323,83%,77%)	hsv(323,40%,96%)	#f594d0
	360	rgb(245,148,159)	hsl(353,83%,77%)	hsv(353,40%,96%)	#f5949f

#f5949fのRGB成分

R:44.4%	G:26.8%	B:28.8%
R:#f50000	G:#009400	B:#00009f

#f5949fのカラーチャート

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