Hola amigos:
En el tema de html "todo sobre colores", el amigo Furoya ha insertado una página para obtener los colores del sistema... los nombres ya los sabía, pero no había podido obtener la composición "rgb".
Invito a que visiten el enlace... es éste:
http://www.forosdelweb.com/showthrea...hreadid=124097
Lo que he hecho, basándome en el aporte de Furoya (Hola
), es un select que permite obtener esos colores del sistema...
Aquí pongo el código:
Código PHP:
<HTML>
<HEAD>
<title>
Selección de colores del sistema
</title>
</head>
<body >
<div style="background-color: activeCaption; width:1 ; height: 1;" id=ini><span></span></div>
Colores del sistema:
<select name=sistima id=sistema
onchange="if (selectedIndex > 0) alert(this.value)">
<option >Seleccione un color del sistema</option>
<script language="javascript">
function colorSistema(color) {
// var actual = document.bgColor;
if (actual == "") actual = "#FFFFFF";
document.body.style.backgroundColor = color;
var resultado = document.bgColor;
// document.body.style.backgroundColor = actual;
return resultado.toUpperCase();
}
var hhex = "0123456789ABCDEF";
var ponderando = 256 * 3 /2;
function ponderar(color) {
var rojo = color.substring(1, 3);
var verde = color.substring(3, 5);
var azul = color.substring(5, 7);
var RR = hhex.indexOf(rojo.charAt(0)) * 16 + hhex.indexOf(rojo.charAt(1));
var GG = hhex.indexOf(verde.charAt(0)) * 16 + hhex.indexOf(verde.charAt(1));
var BB = hhex.indexOf(azul.charAt(0)) * 16 + hhex.indexOf(azul.charAt(1));
var ponderado = (RR + GG + BB > ponderando) ? "#000000" : "#FFFFFF";
return ponderado;
}
var coloresSistema = [
"ActiveBorder",
"ActiveCaption",
"AppWorkspace",
"Background",
"ButtonFace",
"ButtonHighlight",
"ButtonShadow",
"ButtonText",
"CaptionText",
"GrayText",
"Highlight",
"HighlightText",
"InactiveBorder",
"InactiveCaption",
"InactiveCaptionText",
"InfoBackground",
"InfoText",
"Menu",
"MenuText",
"Scrollbar",
"ThreeDDarkShadow",
"ThreeDFace",
"ThreeDHighlight",
"ThreeDLightShadow",
"ThreeDShadow",
"Window",
"WindowFrame",
"WindowText"
];
var cSistema = "";
var actual = document.bgColor;
for (var i = 0; i < coloresSistema.length; i ++) {
cSistema += "<option style='background-color: " + coloresSistema[i];
cSistema += "; color: " + ponderar(colorSistema(coloresSistema[i]));
cSistema += "' value='" + colorSistema(coloresSistema[i]);
cSistema += "'> " + coloresSistema[i];
cSistema += ", " + colorSistema(coloresSistema[i]) + "</option>\n";
}
document.writeln(cSistema);
document.body.style.backgroundColor = actual;
</script>
</select>
</BODY>
</HTML>
Y
aquí pongo un enlace.
En el ejemplo se muestra el color con un alert, pero cada uno puede adaptar el código a sus necesidades.
Saludos
