<table border="0" width="90%">
<tr>
<td align="center" width="90%">

<SCRIPT LANGUAGE = "JavaScript">
<!--
function ini()
{
info = null;
wert = new Array(6)
wert[0]="00"
wert[1]="33"
wert[2]="66"
wert[3]="99"
wert[4]="CC"
wert[5]="FF"
hexfeld = new Array(6)
}
function status_mehr_weniger(mw,f)
{
if (mw == 0) mwf = "weniger ";
else mwf = "mehr ";
if (f == 0) mwf = mwf + "rot";
if (f == 1) mwf = mwf + "gruen";
if (f == 2) mwf = mwf + "blau";
window.status = mwf;
setTimeout("statusaus()",1000);
}
function statusein(ks,ls,ms)
{
farb = "" + wert[ks] + wert[ls] + wert[ms];
window.status = farb;
setTimeout("statusaus()",1000);
}
function statusaus()
{
window.status="";
}
function wechsel1()
{
farb = "#" + document.F.elements[8].value;
document.bgColor = farb;
}
function wechsel(kw,lw,mw)
{
loeschen();
document.F.elements[8].value = "" + wert[kw] + wert[lw] + wert[mw];
wechsel1();
document.F.elements[9].checked = "1"
rechnen1();
}
function hex_wert()
{
document.F.elements[0].value = hexfeld[0] * 16 + hexfeld[1]
document.F.elements[1].value = hexfeld[2] * 16 + hexfeld[3]
document.F.elements[2].value = hexfeld[4] * 16 + hexfeld[5]
}
function wert_proz()
{
var wert = 0;
var proz = 0.0;
wert = document.F.elements[0].value;
if (wert != 0)
proz = Math.round(wert*100/255); else proz = 0;
document.F.elements[4].value = proz;
wert = document.F.elements[1].value;
if (wert != 0)
proz = Math.round(wert*100/255); else proz = 0;
document.F.elements[5].value = proz;
wert = document.F.elements[2].value;
if (wert != 0)
proz = Math.round(wert*100/255); else proz = 0;
document.F.elements[6].value = proz;
}
function proz_wert()
{
var wert = 0;
var proz = 0.0;
proz = document.F.elements[4].value;
wert = Math.round(proz*255/100);
document.F.elements[0].value = wert;
proz = document.F.elements[5].value;
wert = Math.round(proz*255/100);
document.F.elements[1].value = wert;
proz = document.F.elements[6].value;
wert = Math.round(proz*255/100);
document.F.elements[2].value = wert;
}
function wert_hex1(zwa)
{
var zwb = "";
if (zwa == 10) zwb = "A"
else if (zwa == 11) zwb = "B"
else if (zwa == 12) zwb = "C"
else if (zwa == 13) zwb = "D"
else if (zwa == 14) zwb = "E"
else if (zwa == 15) zwb = "F"
else zwb = "" + zwa;
return(zwb);
}
function wert_hex()
{
var zw1 = Math.floor(document.F.elements[0].value/16);
var zw2 = document.F.elements[0].value - (zw1 * 16);
var zw3 = wert_hex1(zw1);
var zw4 = wert_hex1(zw2);
document.F.elements[8].value = "" + zw3 + zw4;
zw1 = Math.floor(document.F.elements[1].value/16);
zw2 = document.F.elements[1].value - (zw1 * 16);
zw3 = wert_hex1(zw1);
zw4 = wert_hex1(zw2);
document.F.elements[8].value = document.F.elements[8].value + zw3 + zw4;
zw1 = Math.floor(document.F.elements[2].value/16);
zw2 = document.F.elements[2].value - (zw1 * 16);
zw3 = wert_hex1(zw1);
zw4 = wert_hex1(zw2);
document.F.elements[8].value = document.F.elements[8].value + zw3 + zw4;
}
function pruef_wert()
{
for (var i=0; i<3; i++)
{
var werte = parseInt(document.F.elements[i].value)
if (isNaN(werte))
{
alert('Eingaben von 0 bis 255 erlaubt!');
return(false);
}
else
if ((werte < 0) || (werte > 255))
{
alert('Eingaben von 0 bis 255 erlaubt!');
return(false);
}
document.F.elements[i].value = werte
}
return(true);
}
function pruef_proz(w)
{
for (var i=4; i<7; i++)
{
var proze = parseInt(document.F.elements[i].value)
if (isNaN(proze))
{
if (w == 0) alert('Eingaben von 0 bis 100 erlaubt!');
else alert('Ausgangswert bestimmen!');
return(false);
}
if ((proze < 0) || (proze > 100))
{
alert('Eingaben von 0 bis 100 erlaubt!');
return(false);
}
else
document.F.elements[i].value = proze
}
return(true);
}
function pruef_hex()
{
if (document.F.elements[8].value.length < 5)
{
alert('Hex-Code hat weniger als 6 Zeichen!');
return(false);
}
for (var i=0; i<6; i++)
{
hexfeld[i] = parseInt(document.F.elements[8].value.substring(i,i+1) , 16);
if (isNaN(hexfeld[i]))
{
alert('nur 0,1,2,3,4,5,6,7,8,9,A,a,B,b,C,c,D,d,E,e,F,f erlaubt!');
return(false);
}
}
return(true);
}
function rechnen1()
{
if (document.F.auswahl[0].checked)
{
if (pruef_wert())
{
wert_proz();
wert_hex();
}
else return(false);
}
else
if (document.F.auswahl[1].checked)
{
if (pruef_proz(0))
{
proz_wert();
wert_hex();
}
else return(false);
}
else
{
if (pruef_hex())
{
hex_wert();
wert_proz();
}
else return(false);
}
return(true);
}
function rechnen()
{
if (rechnen1())
wechsel1();
}
function mehr_Farbe(rgb)
{
var wertmw = parseInt(document.F.elements[rgb].value)
if (wertmw < 100) wertmw++;
document.F.elements[rgb].value = wertmw
if (pruef_proz(1))
{
proz_wert();
wert_hex();
wechsel1();
}
}
function weniger_Farbe(rgb)
{
var wertmw = parseInt(document.F.elements[rgb].value)
if (wertmw > 0) wertmw--;
document.F.elements[rgb].value = wertmw
if (pruef_proz(1))
{
proz_wert();
wert_hex();
wechsel1();
}
}
function loeschen()
{
for (var i=0; i<3; i++)
document.F.elements[i].value = "";
for (i=4; i<7; i++)
document.F.elements[i].value = "";
document.F.elements[8].value = "";
}
function zeigen_pal()
{
var Kette = '';
Kette += '<TABLE BORDER="3" CELLSPACING="0" CELLPADDING="10" ALIGN="RIGHT" BGCOLOR="#FFFFFF"><TR><TD>';
Kette += '<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">';
for (var i=0; i<18; i++)
{
Kette += '<TR>';
for (var j=0; j<12; j++)
{
if (i < 6)
if (j < 6) k = 5;
else k = 4;
if ((i > 5) && (i < 12))
if (j < 6) k = 2;
else k = 3;
if (i > 11)
if (j < 6) k = 1;
else k = 0;
if (i < 6) l = 5 - i;
if ((i > 5) && (i < 12)) l = i - 6;
if (i > 11) l = 17 - i;
if (j < 6) m = j;
else m = 11 - j;
farb = "" + wert[k] + wert[l] + wert[m];
Kette += '<TD BGCOLOR="#' + farb + '">';
Kette += '<A HREF="JavaScript:wechsel(' + k + ',' + l + ',' + m + ')" ';
Kette += 'onmouseover = "statusein(' + k + ',' + l + ',' + m + ');return(true);">';
Kette += '<IMG SRC="schwarz.gif" WIDTH="15" HEIGHT="18" BORDER="0" ALT=""></A></TD>';
}
Kette += '</TR>';
}
Kette += '</TABLE>';
Kette += '</TD></TR></TABLE>';
document.writeln(Kette);
Kette = null;
}
function zeigen_form()
{
var Kette = '';
Kette += '<DIV ALIGN="CENTER"><FORM NAME="F">';
Kette += '<TABLE BORDER="3" CELLSPACING="0" CELLPADDING="10" BGCOLOR="#FFFFFF"><TR><TD>';
Kette += '<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="1">';
Kette += '<TR>';
Kette += '<TD> </TD>';
Kette += '<TD ALIGN="CENTER" BGCOLOR="#FF0000">';
Kette += '<A HREF="JavaScript:mehr_Farbe(4)" onmouseover = "status_mehr_weniger(1,0);return(true);">';
Kette += '<IMG SRC="oben.gif" WIDTH=15 HEIGHT=14 HSPACE=1 VSPACE=0 BORDER=0 ALT=""></A>';
Kette += '<A HREF="JavaScript:weniger_Farbe(4)" onmouseover = "status_mehr_weniger(0,0);return(true);">';
Kette += '<IMG SRC="unten.gif" WIDTH=15 HEIGHT=14 HSPACE=1 VSPACE=0 BORDER=0 ALT=""></A>';
Kette += '</TD>';
Kette += '<TD ALIGN="CENTER" BGCOLOR="#00FF00">';
Kette += '<A HREF="JavaScript:mehr_Farbe(5)" onmouseover = "status_mehr_weniger(1,1);return(true);">';
Kette += '<IMG SRC="oben.gif" WIDTH=15 HEIGHT=14 HSPACE=1 VSPACE=0 BORDER=0 ALT=""></A>';
Kette += '<A HREF="JavaScript:weniger_Farbe(5)" onmouseover = "status_mehr_weniger(0,1);return(true);">';
Kette += '<IMG SRC="unten.gif" WIDTH=15 HEIGHT=14 HSPACE=1 VSPACE=0 BORDER=0 ALT=""></A>';
Kette += '</TD>';
Kette += '<TD ALIGN="CENTER" BGCOLOR="#0000FF">';
Kette += '<A HREF="JavaScript:mehr_Farbe(6)" onmouseover = "status_mehr_weniger(1,2);return(true);">';
Kette += '<IMG SRC="oben.gif" WIDTH=15 HEIGHT=14 HSPACE=1 VSPACE=0 BORDER=0 ALT=""></A>';
Kette += '<A HREF="JavaScript:weniger_Farbe(6)" onmouseover = "status_mehr_weniger(0,2);return(true);">';
Kette += '<IMG SRC="unten.gif" WIDTH=15 HEIGHT=14 HSPACE=1 VSPACE=0 BORDER=0 ALT=""></A>';
Kette += '</TD>';
Kette += '<TD> </TD>';
Kette += '</TR>';
Kette += '<TR>';
Kette += '<TD><FONT SIZE="2">RGB-Werte :</FONT></TD>';
Kette += '<TD ALIGN="Center"><INPUT NAME="wert" TYPE="TEXT" SIZE="3" MAXLENGTH=3></TD>';
Kette += '<TD ALIGN="Center"><INPUT NAME="wert" TYPE="TEXT" SIZE="3" MAXLENGTH=3></TD>';
Kette += '<TD ALIGN="Center"><INPUT NAME="wert" TYPE="TEXT" SIZE="3" MAXLENGTH=3></TD>';
Kette += '<TD ALIGN=CENTER><INPUT NAME="auswahl" TYPE="RADIO"></TD>';
Kette += '</TR>';
Kette += '<TR>';
Kette += '<TD><FONT SIZE="2">RGB-in % :</FONT></TD>';
Kette += '<TD ALIGN="Center"><INPUT NAME="proz" TYPE="TEXT" SIZE="3" MAXLENGTH=3></TD>';
Kette += '<TD ALIGN="Center"><INPUT NAME="proz" TYPE="TEXT" SIZE="3" MAXLENGTH=3></TD>';
Kette += '<TD ALIGN="Center"><INPUT NAME="proz" TYPE="TEXT" SIZE="3" MAXLENGTH=3></TD>';
Kette += '<TD ALIGN=CENTER><INPUT NAME="auswahl" TYPE="RADIO"></TD>';
Kette += '</TR>';
Kette += '<TR>';
Kette += '<TD><FONT SIZE="2">HEXA :</FONT></TD>';
Kette += '<TD ALIGN=CENTER COLSPAN=3><INPUT NAME="hex" TYPE="TEXT" SIZE="9" MAXLENGTH=6></TD>';
Kette += '<TD ALIGN=CENTER><INPUT NAME="auswahl" TYPE="RADIO"></TD>';
Kette += '</TR>';
Kette += '<TR><TD COLSPAN="5" ALIGN="CENTER">';
Kette += '<INPUT TYPE="BUTTON" METHOD="POST" VALUE="anzeigen" onclick="rechnen()">';
Kette += ' ';
Kette += '<INPUT TYPE="BUTTON" METHOD="POST" VALUE="löschen" onclick="loeschen()">';
Kette += '</TD></TR>';
Kette += '</TABLE>';
Kette += '</TD></TR></TABLE>';
Kette += '</FORM></DIV>';
document.writeln(Kette);
Kette = null;
}
// -->
</SCRIPT>
<IMG SRC="schwarz.gif" WIDTH=1 HEIGHT=1 VSPACE=0 BORDER=0 ALT="" HSPACE=0>
<IMG SRC="schwarz.gif" WIDTH=1 HEIGHT=1 VSPACE=0 BORDER=0 ALT="" HSPACE=0>
<BR><BR>


<SCRIPT LANGUAGE = "JavaScript">
<!--
ini()
zeigen_pal()
document.bgColor = "#f4f7fd";
// -->
</SCRIPT>
<SCRIPT LANGUAGE = "JavaScript">
<!--
zeigen_form()
// -->
</SCRIPT>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.F.elements[9].checked = "1"
// -->
</SCRIPT>
</tr>
</table>