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

#f3f3f2の色彩情報

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

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

#cececa	#dadad7	#e7e7e4	#f3f3f2	#ffffff	#ffffff	#ffffff

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

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

#f7f7ee	#f5f5ef	#f4f4f0	#f3f3f2	#f2f2f2	#f2f2f2	#f2f2f2

#f3f3f2の補色

#f2f2f3

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

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

#f3f3f2	#f2f2f3

#f3f3f2のトライアド配色

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

#f3f2f3	#f2f3f3

#f3f3f2のアナロガス配色

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

#f3f2f2	#f2f3f2

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

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

#f2f2f3	#f2f2f3

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

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

#f2f3f3	#f2f2f3	#f3f2f2

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

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

#f2f3f2	#f2f2f3	#f3f2f2

#f3f3f2のペンタード配色

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

#f2f3f2	#f2f2f3	#f2f2f3	#f3f2f2

#f3f3f2のヘクサード配色

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

#f2f3f2	#f2f3f3	#f2f2f3	#f3f2f3	#f3f2f2

#f3f3f2の12色相平面

0°

180°

360°

#f3f3f2の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(243,243,242)	hsl(60,4%,95%)	hsv(60,0%,95%)	#f3f3f2
	30	rgb(242,243,242)	hsl(90,4%,95%)	hsv(90,0%,95%)	#f2f3f2
	60	rgb(242,243,242)	hsl(120,4%,95%)	hsv(120,0%,95%)	#f2f3f2
	90	rgb(242,243,242)	hsl(150,4%,95%)	hsv(150,0%,95%)	#f2f3f2
	120	rgb(242,243,243)	hsl(180,4%,95%)	hsv(180,0%,95%)	#f2f3f3
	150	rgb(242,242,243)	hsl(210,4%,95%)	hsv(210,0%,95%)	#f2f2f3
	180	rgb(242,242,243)	hsl(240,4%,95%)	hsv(240,0%,95%)	#f2f2f3
	210	rgb(242,242,243)	hsl(270,4%,95%)	hsv(270,0%,95%)	#f2f2f3
	240	rgb(243,242,243)	hsl(300,4%,95%)	hsv(300,0%,95%)	#f3f2f3
	270	rgb(243,242,242)	hsl(330,4%,95%)	hsv(330,0%,95%)	#f3f2f2
	300	rgb(243,242,242)	hsl(0,4%,95%)	hsv(0,0%,95%)	#f3f2f2
	330	rgb(243,242,242)	hsl(30,4%,95%)	hsv(30,0%,95%)	#f3f2f2
	360	rgb(243,243,242)	hsl(60,4%,95%)	hsv(60,0%,95%)	#f3f3f2

#f3f3f2のRGB成分

R:33.4%	G:33.4%	B:33.2%
R:#f30000	G:#00f300	B:#0000f2

#f3f3f2のカラーチャート

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