#ColorHEX {
	width: 300px;
	vertical-align: middle;
	margin: 6px;
	border: solid 1px #ccf;
	border-radius: 5px;
}
#ColorHEX>table {
	margin: auto;
	height: 320px;
}
#ColorHEX>table td td {
	cursor: pointer;
}

#ColorHEX>table.full td td {
	width: 9px;
	height: 10px;
}
#ColorHEX>table.safe td td {
	width: 25px;
	height: 27px;
}


#info {
	margin: 3px;
	height: 50px;
}
#info td {
	padding: 1px 4px 1px 5px;
	border: solid 1px #99C;
	font-family: monospace;
}
#rgb td {
	font-size: 16px;
}
#sampleColor td {
	width: 32px;
	height: 23px;
}

#backgroundColors {
	font-family: monospace;
}

#slider-v {
	background: linear-gradient(#fff, #000);
	height: 220px;
	margin: 5px 5px 5px 7px;
}

#彩, #暗 {
	margin: 10px 0;
	padding: 3px 6px;
	font-size: 14px;
	border: solid 1px #ccf;
	border-radius: 5px;
	cursor: pointer;

}
#暗 {
	color: #fff;
	background-color: #333;
}