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

#778899の色彩情報

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

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

#53616e	#5e6e7d	#697a8c	#768798	#8291a1	#93a1ae	#a2adb9

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

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

#5287bc	#5e87b0	#6a87a4	#768798	#82878c	#878787	#878787

#778899の補色

#988776

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

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

#778899	#988776

#778899のトライアド配色

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

#879876	#987687

#778899のアナロガス配色

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

#769887	#877698

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

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

#989876	#987676

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

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

#987687	#988776	#769887

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

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

#987698	#988776	#769876

#778899のペンタード配色

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

#8e7698	#98767a	#959876	#769880

#778899のヘクサード配色

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

#877698	#987687	#988776	#879876	#769887

#778899の12色相平面

0°

180°

360°

#778899の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(118,135,152)	hsl(210,14%,53%)	hsv(210,22%,60%)	#768798
	30	rgb(118,118,152)	hsl(240,14%,53%)	hsv(240,22%,60%)	#767698
	60	rgb(135,118,152)	hsl(270,14%,53%)	hsv(270,22%,60%)	#877698
	90	rgb(152,118,152)	hsl(300,14%,53%)	hsv(300,22%,60%)	#987698
	120	rgb(152,118,135)	hsl(330,14%,53%)	hsv(330,22%,60%)	#987687
	150	rgb(152,118,118)	hsl(0,14%,53%)	hsv(0,22%,60%)	#987676
	180	rgb(152,135,118)	hsl(30,14%,53%)	hsv(30,22%,60%)	#988776
	210	rgb(152,152,118)	hsl(60,14%,53%)	hsv(60,22%,60%)	#989876
	240	rgb(135,152,118)	hsl(90,14%,53%)	hsv(90,22%,60%)	#879876
	270	rgb(118,152,118)	hsl(120,14%,53%)	hsv(120,22%,60%)	#769876
	300	rgb(118,152,135)	hsl(150,14%,53%)	hsv(150,22%,60%)	#769887
	330	rgb(118,152,152)	hsl(180,14%,53%)	hsv(180,22%,60%)	#769898
	360	rgb(118,135,152)	hsl(210,14%,53%)	hsv(210,22%,60%)	#768798

#778899のRGB成分

R:29.2%	G:33.3%	B:37.5%
R:#770000	G:#008800	B:#000099

#778899のカラーチャート

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