body {
	width: 90%;
	background-color: white;
	font-size: 16px;
}
div {
	width: 200px;
	height: 110px;
	border: 1px solid black;
	text-align: center;
	font-size: 1.5em;
	margin: 20px;
}

.reservadas {
	background-color: lime;
}

/* cada valor entre 0 y 255*/
.conRGBhexadecimal {
	background-color: rgb(255,0,0);
}

/* posible uso de plugin color picker */
.hexadecimal {
	background-color: #A6D49B;
}
.conRGBporcentual {
	background-color: rgb(50%,50%,12%);
}

/* permite transparencias (0 -transparente- a 1 -solido-) */
.conRGBA {
	background-color: rgba(23,45,67,0.5)
}

/* Tono: 0 a 360, Saturación: 0 a 100%, Luminosidad: 0 a 100% */
.conHSL {
	background-color: hsl(240,100%,50%); 
}

/* permite transparencias (0 -transparente- a 1 -solido-) */
.conHSLA {
	background-color: hsla(240,100%,50%,0.5);
	
}