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

#caffffの色彩情報

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

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

#80ffff	#99ffff	#b3ffff	#ccffff	#e6ffff	#ffffff	#ffffff

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

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

#ccffff	#ccffff	#ccffff	#ccffff	#cffcfc	#d1fafa	#d4f7f7

#caffffの補色

#ffcccc

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

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

#caffff	#ffcccc

#caffffのトライアド配色

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

#ffffcc	#ffccff

#caffffのアナロガス配色

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

#ccffcc	#ccccff

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

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

#ffe6cc	#ffcce6

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

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

#ffccff	#ffcccc	#ccffcc

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

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

#e6ccff	#ffcccc	#e6ffcc

#caffffのペンタード配色

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

#d6ccff	#ffcceb	#ffebcc	#d6ffcc

#caffffのヘクサード配色

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

#ccccff	#ffccff	#ffcccc	#ffffcc	#ccffcc

#caffffの12色相平面

0°

180°

360°

#caffffの12色相環

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

#caffffのRGB成分

R:28.4%	G:35.8%	B:35.8%
R:#ca0000	G:#00ff00	B:#0000ff

#caffffのカラーチャート

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