Her kommer lige en længere kode...
Gem den som *.htm og heri kan du indtaste enten hex eller rgb.
----
<HTML>
<HEAD>
<TITLE>farver</TITLE>
<SCRIPT LANGUAGE=\"JavaScript\">
fname=\"Times New Roman\"
nohist=false;
red=0
green=0
blue=0
cname=\"???\"
saved=false;
his=\"\"
hispointer=0
function random(max) {
var n= 1+ parseInt(100000000*Math.random()) % max
return(n)
}
hexx= new Array();
for(var i = 0; i < 10; i++) hexx[i] = i;
hexx[10]=\"A\"; hexx[11]=\"B\"; hexx[12]=\"C\";
hexx[13]=\"D\"; hexx[14]=\"E\"; hexx[15]=\"F\";
function hex(i) {
if (i < 0)
return \"00\";
else if (i > 255)
return \"FF\";
else
return \"\" + hexx[Math.floor(i/16)] + hexx[i%16]
}
function anti(s){
var first=s.substring(0,1); var second=s.substring(1,2);
var i=0; while(i<16)
{var a=hexx[i];
if((first+\' \' )==(a + \' \')) first=i;
if ((second+\' \')==(a+\' \')) second=i;
i=i+1};
return Math.floor(first*16)+ Math.floor(second)}
function antihex(st){
red=anti(st.substring(0,2));
green=anti(st.substring(2,4));
blue=anti(st.substring(4,6));
}
function setbgColor(r, g, b) {
if (r<0) r=0; if(g<0) g=0; if (b<0) b=0; if (r>255) r=255; if(g>255) g=255; if(b>255)b=255;
red=r; green=g; blue=b
var hr = hex(r); var hg = hex(g); var hb = hex(b);
document.bgColor = \"#\"+hr+hg+hb ;
if(nohist) nohist=false; else {hispointer=hispointer+7;his=his.substring(0,hispointer)+document.bgColor+his.substring(hispointer,his.length)}
document.forms[0].elements[1].value=red;
document.forms[0].elements[2].value=green;
document.forms[0].elements[3].value=blue;
document.forms[0].elements[4].value=hr+hg+hb;
document.forms[0].elements[5].value=cname
}
function forhis(){
if ((hispointer-6)<1) alert(\"This is the first Colour\");else { nohist=true; cname=\"???\"; hispointer=hispointer-7; document.bgColor=his.substring(hispointer,hispointer+7);antihex(document.bgColor.substring(1,7).toUpperCase()); setbgColor(red,green,blue)}
}
function efterhis(){
if ((hispointer+7)>=his.length) alert(\"This is the last Colour\");else {nohist=true; cname=\"???\"; hispointer=hispointer+7;document.bgColor=his.substring(hispointer,hispointer+7);antihex(document.bgColor.substring(1,7).toUpperCase());setbgColor(red,green,blue)}
}
</SCRIPT>
</head>
<BODY text=\"black\" link=\"black\" vlink=\"lightblue\" alink=\"red\" onLoad=\"red=random(255); green=random(255); blue=random(255); setbgColor(red,green,blue)\">
<FORM>
<CENTER><FONT SIZE=+2><FONT SIZE=+3>F</FONT>arvevalg til <FONT SIZE=+3>W</FONT>eb-sider</FONT><BR>
<FONT SIZE=+1>N</FONT>y <FONT SIZE=+1>T</FONT>ilfældig <FONT SIZE=+1>F</FONT>arve <INPUT TYPE=\"Radio\" onClick=\"cname=\'???\'; red=random(255); green=random(255); blue=random(255); setbgColor(red,green,blue)\">
<P><BR>
<A HREF=\" \" onClick=\"red=Math.floor(red)+ 1; cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/redball.gif\" BORDER=0></A>
<A HREF=\" \" onClick=\" red= Math.floor(red) +10;cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/redmore.gif\" BORDER=0 ></A>
<INPUT TYPE=\"TEXT\" SIZE=4 MAXLENGTH=4 OnChange=\"red=this.value; cname= \'???\'; setbgColor(red,green,blue)\">
<A HREF=\" \" onClick=\" red= Math.floor(red) - 10; cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/redless.gif\" BORDER=0></A>
<A HREF=\" \" onClick=\" red= Math.floor(red) - 1;cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/redball.gif\" BORDER=0></A>
<BR>
<A HREF=\" \" onClick=\" green=Math.floor(green) + 1; cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/grenball.gif\" BORDER=0></A>
<A HREF=\" \" onClick=\" green=Math.floor(green) + 10; cname= \'???\'; setbgColor(red,green,blue); return false\" ><IMG SRC=\"billeder/moregreen.gif\" BORDER=0></A>
<INPUT TYPE=\"TEXT\" SIZE=4 MAXLENGTH=4 OnChange=\"green=this.value; cname= \'???\'; setbgColor(red,green,blue)\">
<A HREF=\" \" onClick=\" green = Math.floor(green) - 10; cname= \'???\'; setbgColor(red,green,blue);return false\"><IMG SRC=\"billeder/lessgreen.gif\" BORDER=0></A>
<A HREF=\" \" onClick=\" green = Math.floor(green) - 1;cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/grenball.gif\" BORDER=0></A>
<BR>
<A HREF=\" \" onClick=\" blue=Math.floor(blue)+1; cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/blueball.gif\" BORDER=0></A>
<A HREF=\" \" onClick=\"blue=Math.floor(blue)+10; cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/moreblue.gif\" BORDER=0></A>
<INPUT TYPE=\"TEXT\" SIZE=4 MAXLENGTH=4 OnChange=\"blue=this.value; cname= \'???\'; setbgColor(red,green,blue)\">
<A HREF=\" \" onClick=\"blue = Math.floor(blue) -10; cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/lessblue.gif\" BORDER=0></A>
<A HREF=\" \" onClick=\" blue = Math.floor(blue) - 1; cname= \'???\'; setbgColor(red,green,blue); return false\"><IMG SRC=\"billeder/blueball.gif\" BORDER=0></A>
<BR>
<FONT SIZE=+1>H</FONT>exkode: #<INPUT TYPE=\"TEXT\" SIZE=8 MAXLENGTH=8 onChange=\"cname=\'dont know \'; antihex(this.value);setbgColor(red,green,blue)\">
<FONT SIZE=+1>F</FONT>arve <FONT SIZE=+1>N</FONT>avn:<INPUT TYPE=\"TEXT\" SIZE=15 MAXLENGTH=15
onChange=\" cname= this.value; document.bgColor=this.value; antihex(document.bgColor.substring(1,7).toUpperCase()); setbgColor(red,green,blue)\">
<P><FONT SIZE=+1>F</FONT>orrige farve<INPUT TYPE=\"RADIO\" onClick=\"forhis()\">
<FONT SIZE=+1>N</FONT>æste farve<INPUT TYPE=\"RADIO\" onClick=\"efterhis()\">
</CENTER>
<P>
<center>
<TABLE BORDER=10>
<TR>
<TD>
<SELECT onChange=\"cname=options[selectedIndex].value; document.bgColor=cname;antihex(document.bgColor.substring(1,7).toUpperCase()); setbgColor(red,green,blue)\">
<OPTION value=\"aliceblue\">Aliceblue
<OPTION value=\"antiquewhite\">antiquewhite
<OPTION value=\"aqua\">aqua
<OPTION value=\"aquamarine\">aquamarine
<OPTION value=\"azure\">azure
<OPTION value=\"beige\">beige
<OPTION value=\"bisque\">bisque
<OPTION value=\"black\">black
<OPTION value=\"blanchedalmond\">blanchedalmond
<OPTION value=\"blue\">blue
<OPTION value=\"blueviolet\">blueviolet
<OPTION value=\"brown\">brown
<OPTION value=\"burlywood\">burlywood
<OPTION value=\"cadetblue\">cadetblue
<OPTION value=\"chartreuse\">chartreuse
<OPTION value=\"chocolate\">chocolate
<OPTION value=\"coral\">coral
<OPTION value=\"cornflowerblue\">cornflowerblue
<OPTION value=\"crimson\">crimson
<OPTION value=\"cyan\">cyan
</SELECT>
</TD>
<TD>
<SELECT onChange=\"cname=options[selectedIndex].value; document.bgColor=cname;antihex(document.bgColor.substring(1,7).toUpperCase()); setbgColor(red,green,blue)\">
<OPTION value=\"darkblue\"> Darkblue <P>
<OPTION value=\"darkcyan\">Darkcyan<P>
<OPTION value=\"darkgoldenrod\">Darkgoldenrod <P>
<OPTION value=\"darkgray\">Darkgray <P>
<OPTION value=\"darkkhaki\">Darkkhaki<P>
<OPTION value=\"darkmagenta\">Darkmagenta<P>
<OPTION value=\"darkolivegreen\">Darkolivegreen <P>
<OPTION value=\"darkorange\">Darkorange <P>
<OPTION value=\"darkorchid\">Darkorchid <P>
<OPTION value=\"darkred\">Darkred <P>
<OPTION value=\"darksalmon\">Darksalmon <P>
<OPTION value=\"darkseagreen\">Darkseagreen<P>
<OPTION value=\"darkturquoise\">darkturquoise <P>
<OPTION value=\"darkslateblue\">darkslateblue <P>
<OPTION value=\"darkslategray \">darkslategray <P>
<OPTION value=\"darkviolet\">darkviolet<P>
<OPTION value=\"deeppink\">deeppink <P>
<OPTION value=\"deepskyblue\">deepskyblue<P>
<OPTION value=\" dimgray\"> dimgray <P>
<OPTION value=\"dodgerblue\">dodgerblue <P>
</SELECT>
</TD>
<TD>
<SELECT onChange=\"cname=options[selectedIndex].value; document.bgColor=cname;antihex(document.bgColor.substring(1,7).toUpperCase()); setbgColor(red,green,blue)\">
<OPTION value=\"firebrick\"> Firebrick<P>
<OPTION value=\"firebrick\">firebrick<P>
<OPTION value=\"fuchsia\">fuchsia<P>
<OPTION value=\"ghostwhite\">ghostwhite <P>
<OPTION value=\"gold\">gold<P>
<OPTION value=\"goldenrod\">goldenrod<P>
<OPTION value=\"gray\">gray <P>
<OPTION value=\"green\">green <P>
<OPTION value=\"greenyellow\">greenyellow <P>
<OPTION value=\"honeydew\">honeydew<P>
<OPTION value=\"hotpink\">hotpink <P>
<OPTION value=\"khaki\">khaki <P>
<OPTION value=\"lavender\">lavender<P>
<OPTION value=\"lavenderblush\">lavenderblush<P>
<OPTION value=\"lawngreen\">lawngreen <P>
<OPTION value=\"lemonchiffon\">lemonchiffon <P>
<OPTION value=\"lightblue\">lightblue <P>
<OPTION value=\"lightcoral\">lightcoral <P>
<OPTION value=\"lightcyan\"> lightcyan <P>
<OPTION value=\"lightgoldenrodyellow\">lightgoldenrodyellow <P>
<OPTION value=\"lightgreen\">lightgreen<P>
<OPTION value=\"lightgrey\">lightgrey <P>
<OPTION value=\"lightpink\">lightpink <P>
<OPTION value=\"lightsalmon\">lightsalmon <P>
<OPTION value=\"lightseagreen \">lightseagreen <P>
<OPTION value=\"lightskyblue\">lightskyblue <P>
<OPTION value=\"lightslategray\">lightslategray<P>
<OPTION value=\"lightsteelblue\">lightsteelblue <P>
<OPTION value=\"lightyellow\">lightyellow<P>
<OPTION value=\"lime\">lime<P>
<OPTION value=\"limegreen\"> limegreen <P>
<OPTION value=\"linen\">linen <P>
</SELECT>
</TD>
<TD>
<SELECT onChange=\"cname=options[selectedIndex].value; document.bgColor=cname;antihex(document.bgColor.substring(1,7).toUpperCase()); setbgColor(red,green,blue)\">
<OPTION value=\"magenta\">Magenta<P>
<OPTION value=\"maroon\">maroon<P>
<OPTION value=\"mediumaquamarine\">mediumaquamarine<P>
<OPTION value=\"mediumblue\">mediumblue <P>
<OPTION value=\"mediumorchid\">mediumorchid <P>
<OPTION value=\"mediumpurple\">mediumpurple <P>
<OPTION value=\"mediumseagreen\">mediumseagreen<P>
<OPTION value=\"mediumslateblue\">mediumslateblue<P>
<OPTION value=\"mediumslateblue\"> mediumslateblue<P>
<OPTION value=\"mediumspringgreen\">mediumspringgreen<P>
<OPTION value=\"mediumturquoise\">mediumturquoise <P>
<OPTION value=\"mediumvioletred\">mediumvioletred <P>
<OPTION value=\"midnightblue\">midnightblue <P>
<OPTION value=\"mintcream\">mintcream <P>
<OPTION value=\"mistyrose\">mistyrose<P>
<OPTION value=\"moccasin\">moccasin<P>
<OPTION value=\"navajowhite\">navajowhite<P>
<OPTION value=\"navy\">navy <P>
<OPTION value=\"oldlace\">oldlace <P>
<OPTION value=\"olive\">olive<P>
<OPTION value=\"olivedrab\"> olivedrab <P>
<OPTION value=\"orange\">orange <P>
<OPTION value=\"orangered\">orangered <P>
<OPTION value=\"orchid\">orchid <P>
<OPTION value=\"palegoldenrod\">palegoldenrod<P>
<OPTION value=\"palegreen\">palegreen <P>
<OPTION value=\"paleturquoise\">paleturquoise <P>
<OPTION value=\"palevioletred\">palevioletred <P>
<OPTION value=\"papayawhip\">papayawhip <P>
<OPTION value=\"peachpuff\">peachpuff<P>
<OPTION value=\"pink\">pink<P>
<OPTION value=\"plum\">plum<P>
<OPTION value=\"powderblue\">powderblue <P>
<OPTION value=\"purple\">purple<P>
</SELECT>
</TD>
<TD>
<SELECT onChange=\"cname=options[selectedIndex].value; document.bgColor=cname;antihex(document.bgColor.substring(1,7).toUpperCase()); setbgColor(red,green,blue)\">
<OPTION value=\"red\">Red
<OPTION value=\"rosybrown\">rosybrown
<OPTION value=\"royalblue\">royalblue
<OPTION value=\"saddlebrown\">saddlebrown
<OPTION value=\"salmon\">salmon
<OPTION value=\"sandybrown\">sandybrown
<OPTION value=\"seagreen\">seagreen
<OPTION value=\"seashell\">seashell
<OPTION value=\"sienna\">sienna
<OPTION value=\"silver\">silver
<OPTION value=\"skyblue\">skyblue
<OPTION value=\"slateblue\">slateblue
<OPTION value=\"slategray\">slategray
<OPTION value=\"springgreen\">springgreen
<OPTION value=\"steelblue\">steelblue
<OPTION value=\"tan\">tan
<OPTION value=\"teal\">teal
<OPTION value=\"thistle\">thistle
<OPTION value=\"tomato\">tomato
<OPTION value=\"turquoise\">turquoise
<OPTION value=\"violet\">violet
<OPTION value=\"wheat\">wheat
<OPTION value=\"white\">white
<OPTION value=\"whitesmoke\">whitesmoke
<OPTION value=\"yellow\">yellow
<OPTION value=\"yellowgreen\">yellowgreen
</SELECT>
</TD>
</TR></form>
</TABLE></center>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
