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

#663300の色彩情報

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

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

#1a0d00	#331a00	#4d2600	#663300	#804000	#994d00	#b35900

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

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

#663300	#663300	#663300	#663300	#613305	#5c330a	#57330f

#663300の補色

#003366

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

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

#663300	#003366

#663300のトライアド配色

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

#330066	#006633

#663300のアナロガス配色

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

#660033	#336600

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

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

#000066	#006666

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

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

#006633	#003366	#660033

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

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

#006600	#003366	#660066

#663300のペンタード配色

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

#1f6600	#00665c	#0a0066	#660047

#663300のヘクサード配色

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

#336600	#006633	#003366	#330066	#660033

#663300の12色相平面

0°

180°

360°

#663300の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(102,51,0)	hsl(30,100%,20%)	hsv(30,100%,40%)	#663300
	30	rgb(102,102,0)	hsl(60,100%,20%)	hsv(60,100%,40%)	#666600
	60	rgb(51,102,0)	hsl(90,100%,20%)	hsv(90,100%,40%)	#336600
	90	rgb(0,102,0)	hsl(120,100%,20%)	hsv(120,100%,40%)	#006600
	120	rgb(0,102,51)	hsl(150,100%,20%)	hsv(150,100%,40%)	#006633
	150	rgb(0,102,102)	hsl(180,100%,20%)	hsv(180,100%,40%)	#006666
	180	rgb(0,51,102)	hsl(210,100%,20%)	hsv(210,100%,40%)	#003366
	210	rgb(0,0,102)	hsl(240,100%,20%)	hsv(240,100%,40%)	#000066
	240	rgb(51,0,102)	hsl(270,100%,20%)	hsv(270,100%,40%)	#330066
	270	rgb(102,0,102)	hsl(300,100%,20%)	hsv(300,100%,40%)	#660066
	300	rgb(102,0,51)	hsl(330,100%,20%)	hsv(330,100%,40%)	#660033
	330	rgb(102,0,0)	hsl(0,100%,20%)	hsv(0,100%,40%)	#660000
	360	rgb(102,51,0)	hsl(30,100%,20%)	hsv(30,100%,40%)	#663300

#663300のRGB成分

R:66.7%	G:33.3%	B:0%
R:#660000	G:#003300	B:#000000

#663300のカラーチャート

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