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

#ccc299の色彩情報

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

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

#b2a366	#bbad77	#c3b788	#ccc299	#d4ccaa	#ddd6bb	#e5e0cc

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

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

#e3cf82	#dbcb8a	#d3c692	#ccc299	#c4bda1	#bcb8a9	#b5b4b0

#ccc299の補色

#99a3cc

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

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

#ccc299	#99a3cc

#ccc299のトライアド配色

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

#c299cc	#99ccc2

#ccc299のアナロガス配色

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

#cc99a3	#a3cc99

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

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

#a899cc	#99bdcc

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

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

#99ccc2	#99a3cc	#cc99a3

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

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

#99cca8	#99a3cc	#cc99bd

#ccc299のペンタード配色

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

#99cc99	#99c2cc	#ad99cc	#cc99ad

#ccc299のヘクサード配色

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

#a3cc99	#99ccc2	#99a3cc	#c299cc	#cc99a3

#ccc299の12色相平面

0°

180°

360°

#ccc299の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(204,194,153)	hsl(48,33%,70%)	hsv(48,25%,80%)	#ccc299
	30	rgb(189,204,153)	hsl(78,33%,70%)	hsv(78,25%,80%)	#bdcc99
	60	rgb(163,204,153)	hsl(108,33%,70%)	hsv(108,25%,80%)	#a3cc99
	90	rgb(153,204,168)	hsl(138,33%,70%)	hsv(138,25%,80%)	#99cca8
	120	rgb(153,204,194)	hsl(168,33%,70%)	hsv(168,25%,80%)	#99ccc2
	150	rgb(153,189,204)	hsl(198,33%,70%)	hsv(198,25%,80%)	#99bdcc
	180	rgb(153,163,204)	hsl(228,33%,70%)	hsv(228,25%,80%)	#99a3cc
	210	rgb(168,153,204)	hsl(258,33%,70%)	hsv(258,25%,80%)	#a899cc
	240	rgb(194,153,204)	hsl(288,33%,70%)	hsv(288,25%,80%)	#c299cc
	270	rgb(204,153,189)	hsl(318,33%,70%)	hsv(318,25%,80%)	#cc99bd
	300	rgb(204,153,163)	hsl(348,33%,70%)	hsv(348,25%,80%)	#cc99a3
	330	rgb(204,168,153)	hsl(18,33%,70%)	hsv(18,25%,80%)	#cca899
	360	rgb(204,194,153)	hsl(48,33%,70%)	hsv(48,25%,80%)	#ccc299

#ccc299のRGB成分

R:37%	G:35.2%	B:27.8%
R:#cc0000	G:#00c200	B:#000099

#ccc299のカラーチャート

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