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

#f55064の色彩情報

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

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

#ec0e28	#f2213a	#f3394f	#f55165	#f66a7a	#f8828f	#f99aa5

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

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

#ff475d	#ff475d	#fe485e	#f55165	#ec5b6c	#e36473	#d96d7a

#f55064の補色

#51f5e2

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

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

#f55064	#51f5e2

#f55064のトライアド配色

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

#5165f5	#65f551

#f55064のアナロガス配色

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

#e251f5	#f5e251

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

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

#51b6f5	#51f590

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

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

#65f551	#51f5e2	#e251f5

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

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

#b6f551	#51f5e2	#9051f5

#f55064のペンタード配色

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

#e7f551	#51f580	#51a6f5	#c151f5

#f55064のヘクサード配色

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

#f5e251	#65f551	#51f5e2	#5165f5	#e251f5

#f55064の12色相平面

0°

180°

360°

#f55064の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(245,81,101)	hsl(353,89%,64%)	hsv(353,67%,96%)	#f55165
	30	rgb(245,144,81)	hsl(23,89%,64%)	hsv(23,67%,96%)	#f59051
	60	rgb(245,226,81)	hsl(53,89%,64%)	hsv(53,67%,96%)	#f5e251
	90	rgb(182,245,81)	hsl(83,89%,64%)	hsv(83,67%,96%)	#b6f551
	120	rgb(101,245,81)	hsl(113,89%,64%)	hsv(113,67%,96%)	#65f551
	150	rgb(81,245,144)	hsl(143,89%,64%)	hsv(143,67%,96%)	#51f590
	180	rgb(81,245,226)	hsl(173,89%,64%)	hsv(173,67%,96%)	#51f5e2
	210	rgb(81,182,245)	hsl(203,89%,64%)	hsv(203,67%,96%)	#51b6f5
	240	rgb(81,101,245)	hsl(233,89%,64%)	hsv(233,67%,96%)	#5165f5
	270	rgb(144,81,245)	hsl(263,89%,64%)	hsv(263,67%,96%)	#9051f5
	300	rgb(226,81,245)	hsl(293,89%,64%)	hsv(293,67%,96%)	#e251f5
	330	rgb(245,81,182)	hsl(323,89%,64%)	hsv(323,67%,96%)	#f551b6
	360	rgb(245,81,101)	hsl(353,89%,64%)	hsv(353,67%,96%)	#f55165

#f55064のRGB成分

R:57.6%	G:18.8%	B:23.5%
R:#f50000	G:#005000	B:#000064

#f55064のカラーチャート

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