Hola de nuevo caricatos!
No sé si estaré llegando tarde con el tema ( hace mucho que no me conecto ), y tampoco estoy seguro de que éste sea el foro para el actual mensaje ( no encontré ese que mencionas más arriba, el de
Javascript ), pero te dejo una idea para ver los colores de sistema en Hexa.
Código:
<HTML>
<HEAD>
<TITLE> VER COMPOSICIÓN HEXA DE COLORES DE SISTEMA.</TITLE>
<SCRIPT>
function color(cs){
document.body.style.backgroundColor=cs;
vh.value=document.bgColor;
vh.value=vh.value.toUpperCase();
}
</SCRIPT>
<SCRIPT>
function enlaces(){
L=document.linkColor;
VL=document.vlinkColor;
AL=document.alinkColor;
cL.style.backgroundColor=L;
cVL.style.backgroundColor=VL;
cAL.style.backgroundColor=AL;}
function color(cs){
document.body.style.backgroundColor=cs;
vh.value=document.bgColor.toUpperCase();}
</SCRIPT>
<STYLE>
.mano{cursor:hand}
.mano{cursor:pointer}
TH, TR, H2, SPAN, H4{background-color:white}
</STYLE>
</HEAD>
<BODY onload=enlaces()>
<H2> COLORES DE SISTEMA EN
CSS 2</H2>
<SPAN> Las muestras de color
corresponden a este Sistema.
<p>
Composición de color : <INPUT ID=vh STYLE=border:none
SIZE=7></SPAN>
<p>
<TABLE BORDER=1 CELLPADDING=5px WIDTH=100% STYLE=color:black>
<COLGROUP SPAN=8> <COL> <COL CLASS=mano> <COL> <COL CLASS=mano>
<COL> <COL CLASS=mano> <COL> <COL CLASS=mano> </COLGROUP>
<TR BGCOLOR=white STYLE=cursor:default >
<TH><FONT SIZE=1>NOMBRE CSS 2</FONT></TH>
<TH><FONT SIZE=1>COLOR</FONT></TH>
<TH><FONT SIZE=1>NOMBRE CSS 2</FONT></TH>
<TH><FONT SIZE=1>COLOR</FONT></TH>
<TH><FONT SIZE=1>NOMBRE CSS 2</FONT></TH>
<TH><FONT SIZE=1>COLOR</FONT></TH>
<TH><FONT SIZE=1>NOMBRE CSS 2</FONT></TH>
<TH><FONT SIZE=1>COLOR</FONT></TH>
</TR><TR>
<TD>ActiveBorder</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ActiveBorder ></TD>
<TD>ActiveCaption</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ActiveCaption ></TD>
<TD>AppWorkspace</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:AppWorkspace ></TD>
<TD>Background</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:Background ></TD>
</TR><TR>
<TD>ButtonFace</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ButtonFace ></TD>
<TD>ButtonHighlight</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ButtonHighlight ></TD>
<TD>ButtonShadow</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ButtonShadow ></TD>
<TD>ButtonText</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ButtonText ></TD>
</TR><TR>
<TD>CaptionText</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:CaptionText ></TD>
<TD>GrayText</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:GrayText ></TD>
<TD>Highlight</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:Highlight ></TD>
<TD>HighlightText</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:HighlightText ></TD>
</TR><TR>
<TD>InactiveBorder</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:InactiveBorder ></TD>
<TD>InactiveCaption</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:InactiveCaption ></TD>
<TD>InactiveCaptionText</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:InactiveCaptionText ></TD>
<TD>InfoBackground</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:InfoBackground ></TD>
</TR><TR>
<TD>InfoText</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:InfoText ></TD>
<TD>Menu</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:Menu ></TD>
<TD>MenuText</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:MenuText ></TD>
<TD>Scrollbar</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:Scrollbar ></TD>
</TR><TR>
<TD>ThreeDDarkShadow</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ThreeDDarkShadow ></TD>
<TD>ThreeDFace</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ThreeDFace ></TD>
<TD>ThreeDHighlight</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ThreeDHighlight ></TD>
<TD>ThreeDLightShadow</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ThreeDLightShadow ></TD>
</TR><TR>
<TD>ThreeDShadow</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:ThreeDShadow ></TD>
<TD>Window</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:Window ></TD>
<TD>WindowFrame</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:WindowFrame ></TD>
<TD>WindowText</TD><TD onclick=color(this.style.backgroundColor)
STYLE=background-color:WindowText ></TD></TR>
</TABLE>
<P><TABLE BORDER=1 CELLPADDING=5px STYLE=color:black ALIGN=center>
<TR BGCOLOR=white STYLE=cursor:default>
<TH><FONT SIZE=1>DESCRIPCIÓN</FONT></TH>
<TH><FONT SIZE=1>COLOR</FONT></TH>
<TH><FONT SIZE=1>DESCRIPCIÓN</FONT></TH>
<TH><FONT SIZE=1>COLOR</FONT></TH>
<TH><FONT SIZE=1>DESCRIPCIÓN</FONT></TH>
<TH><FONT SIZE=1>COLOR</FONT></TH>
</TR><TR>
<TD>Enlace no visitado</TD>
<TD ID=cL CLASS=mano title='document.linkColor' onclick=color(this.style.backgroundColor)></TD>
<TD>Enlace visitado</TD>
<TD ID=cVL CLASS=mano title='document.vlinkColor' onclick=color(this.style.backgroundColor)></TD>
<TD>Enlace activo</TD>
<TD ID=cAL CLASS=mano title='document.alinkColor' onclick=color(this.style.backgroundColor)></TD>
</TR></TABLE>
<H4> Soportados por IE5+
y NS5+.</H4>
</BODY>
</HTML>
Con respecto a los
select , no te preocupes mucho; yo insisto sólo para justificar algún código que 'postié' más arriba.
Saludos
furoya
NOTA : Agregué a la tabla los colores de enlace que, si bien no pertenecen a la lista de colores de sistema CSS, son colores de
Windows que pueden extraerse con JavaScript.