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

#ecf0f1の色彩情報

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

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

#c1ced1	#d0dadc	#dfe5e7	#edf1f2	#fcfdfd	#ffffff	#ffffff

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

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

#e9f4f7	#eaf3f5	#ecf2f4	#edf1f2	#eff0f0	#f0f0f0	#f0f0f0

#ecf0f1の補色

#f2eeed

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

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

#ecf0f1	#f2eeed

#ecf0f1のトライアド配色

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

#f1f2ed	#f2edf1

#ecf0f1のアナロガス配色

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

#edf2ee	#eeedf2

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

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

#f2f1ed	#f2edef

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

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

#f2edf1	#f2eeed	#edf2ee

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

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

#f1edf2	#f2eeed	#eff2ed

#ecf0f1のペンタード配色

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

#efedf2	#f2edef	#f2f1ed	#edf2ed

#ecf0f1のヘクサード配色

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

#eeedf2	#f2edf1	#f2eeed	#f1f2ed	#edf2ee

#ecf0f1の12色相平面

0°

180°

360°

#ecf0f1の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(237,241,242)	hsl(192,15%,94%)	hsv(192,2%,95%)	#edf1f2
	30	rgb(237,239,242)	hsl(222,15%,94%)	hsv(222,2%,95%)	#edeff2
	60	rgb(238,237,242)	hsl(252,15%,94%)	hsv(252,2%,95%)	#eeedf2
	90	rgb(241,237,242)	hsl(282,15%,94%)	hsv(282,2%,95%)	#f1edf2
	120	rgb(242,237,241)	hsl(312,15%,94%)	hsv(312,2%,95%)	#f2edf1
	150	rgb(242,237,239)	hsl(342,15%,94%)	hsv(342,2%,95%)	#f2edef
	180	rgb(242,238,237)	hsl(12,15%,94%)	hsv(12,2%,95%)	#f2eeed
	210	rgb(242,241,237)	hsl(42,15%,94%)	hsv(42,2%,95%)	#f2f1ed
	240	rgb(241,242,237)	hsl(72,15%,94%)	hsv(72,2%,95%)	#f1f2ed
	270	rgb(239,242,237)	hsl(102,15%,94%)	hsv(102,2%,95%)	#eff2ed
	300	rgb(237,242,238)	hsl(132,15%,94%)	hsv(132,2%,95%)	#edf2ee
	330	rgb(237,242,241)	hsl(162,15%,94%)	hsv(162,2%,95%)	#edf2f1
	360	rgb(237,241,242)	hsl(192,15%,94%)	hsv(192,2%,95%)	#edf1f2

#ecf0f1のRGB成分

R:32.9%	G:33.5%	B:33.6%
R:#ec0000	G:#00f000	B:#0000f1

#ecf0f1のカラーチャート

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