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

#ccccffの色彩情報

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

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

#8080ff	#9999ff	#b3b3ff	#ccccff	#e6e6ff	#ffffff	#ffffff

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

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

#ccccff	#ccccff	#ccccff	#ccccff	#cfcffc	#d1d1fa	#d4d4f7

#ccccffの補色

#ffffcc

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

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

#ccccff	#ffffcc

#ccccffのトライアド配色

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

#ccffcc	#ffcccc

#ccccffのアナロガス配色

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

#ccffff	#ffccff

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

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

#e6ffcc	#ffe6cc

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

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

#ffcccc	#ffffcc	#ccffff

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

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

#ffcce6	#ffffcc	#ccffe6

#ccccffのペンタード配色

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

#ffccf5	#ffe0cc	#e0ffcc	#ccfff5

#ccccffのヘクサード配色

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

#ffccff	#ffcccc	#ffffcc	#ccffcc	#ccffff

#ccccffの12色相平面

0°

180°

360°

#ccccffの12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(204,204,255)	hsl(240,100%,90%)	hsv(240,20%,100%)	#ccccff
	30	rgb(230,204,255)	hsl(270,100%,90%)	hsv(270,20%,100%)	#e6ccff
	60	rgb(255,204,255)	hsl(300,100%,90%)	hsv(300,20%,100%)	#ffccff
	90	rgb(255,204,230)	hsl(330,100%,90%)	hsv(330,20%,100%)	#ffcce6
	120	rgb(255,204,204)	hsl(0,100%,90%)	hsv(0,20%,100%)	#ffcccc
	150	rgb(255,230,204)	hsl(30,100%,90%)	hsv(30,20%,100%)	#ffe6cc
	180	rgb(255,255,204)	hsl(60,100%,90%)	hsv(60,20%,100%)	#ffffcc
	210	rgb(230,255,204)	hsl(90,100%,90%)	hsv(90,20%,100%)	#e6ffcc
	240	rgb(204,255,204)	hsl(120,100%,90%)	hsv(120,20%,100%)	#ccffcc
	270	rgb(204,255,230)	hsl(150,100%,90%)	hsv(150,20%,100%)	#ccffe6
	300	rgb(204,255,255)	hsl(180,100%,90%)	hsv(180,20%,100%)	#ccffff
	330	rgb(204,230,255)	hsl(210,100%,90%)	hsv(210,20%,100%)	#cce6ff
	360	rgb(204,204,255)	hsl(240,100%,90%)	hsv(240,20%,100%)	#ccccff

#ccccffのRGB成分

R:30.8%	G:30.8%	B:38.5%
R:#cc0000	G:#00cc00	B:#0000ff

#ccccffのカラーチャート

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