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

#ff007fの色彩情報

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

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

#b30059	#cc0066	#e60073	#ff0080	#ff1a8c	#ff3399	#ff4da6

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

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

#ff0080	#ff0080	#ff0080	#ff0080	#f20d80	#e61a80	#d92680

#ff007fの補色

#00ff80

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

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

#ff007f	#00ff80

#ff007fのトライアド配色

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

#0080ff	#80ff00

#ff007fのアナロガス配色

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

#8000ff	#ff8000

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

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

#00ffff	#00ff00

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

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

#80ff00	#00ff80	#8000ff

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

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

#ffff00	#00ff80	#0000ff

#ff007fのペンタード配色

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

#ffb300	#1aff00	#00e6ff	#4d00ff

#ff007fのヘクサード配色

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

#ff8000	#80ff00	#00ff80	#0080ff	#8000ff

#ff007fの12色相平面

0°

180°

360°

#ff007fの12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(255,0,128)	hsl(330,100%,50%)	hsv(330,100%,100%)	#ff0080
	30	rgb(255,0,0)	hsl(0,100%,50%)	hsv(0,100%,100%)	#ff0000
	60	rgb(255,128,0)	hsl(30,100%,50%)	hsv(30,100%,100%)	#ff8000
	90	rgb(255,255,0)	hsl(60,100%,50%)	hsv(60,100%,100%)	#ffff00
	120	rgb(128,255,0)	hsl(90,100%,50%)	hsv(90,100%,100%)	#80ff00
	150	rgb(0,255,0)	hsl(120,100%,50%)	hsv(120,100%,100%)	#00ff00
	180	rgb(0,255,128)	hsl(150,100%,50%)	hsv(150,100%,100%)	#00ff80
	210	rgb(0,255,255)	hsl(180,100%,50%)	hsv(180,100%,100%)	#00ffff
	240	rgb(0,128,255)	hsl(210,100%,50%)	hsv(210,100%,100%)	#0080ff
	270	rgb(0,0,255)	hsl(240,100%,50%)	hsv(240,100%,100%)	#0000ff
	300	rgb(128,0,255)	hsl(270,100%,50%)	hsv(270,100%,100%)	#8000ff
	330	rgb(255,0,255)	hsl(300,100%,50%)	hsv(300,100%,100%)	#ff00ff
	360	rgb(255,0,128)	hsl(330,100%,50%)	hsv(330,100%,100%)	#ff0080

#ff007fのRGB成分

R:66.8%	G:0%	B:33.2%
R:#ff0000	G:#000000	B:#00007f

#ff007fのカラーチャート

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