Gillar du den här guiden? Vill du att vi ska fortsätta göra fler guider? - läs mer här » 

skriv ut »

Testa bakgrundfärg

Klicka på knapparna för att välja grundfärg:
Klicka på knapparna för att välja grundfärg:
Använd knapparna nedan för att justera nyanserna:
Använd knapparna nedan för att justera nyanserna:

Här slutar originalscriptet. HEXDEC färgkartan nedan är inlagd separat så att man kan testa ut vilken färg som gör sig bäst och sedan välja den i färgkartan. För att se scriptkoden klickar du här. (Byt tillbaka till vit bakgrundsfärg först!)

216 websäkra färgerTill förra sidan!

Använd någon av följande färger om du vill vara säker på att färgen inte blir grynig (dither) vid visning på bildskärmar med 256 färgers visning

Black = "#000000"

Silver = "#C0C0C0" Gray = "#808080" White = "#FFFFFF"
Maroon = "#800000" Red = "#FF0000" Purple = "#800080" Fuchsia = "#FF00FF"
Green = "#008000" Lime = "#00FF00" Olive = "#808000" Yellow = "#FFFF00"
Navy = "#000080" Blue = "#0000FF" Teal = "#008080" Aqua = "#00FFFF"
#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00
#FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
#FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900
#FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600
#FF33FF #FF33CC #FF3399 #FF3366 #FF3333 #FF3300
#FF00FF #FF00CC #FF0099 #FF0066 #FF0033 #FF0000
#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
#CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
#CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900
#CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600
#CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300
#CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000
#99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
#99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00
#9999FF #9999CC #999999 #999966 #999933 #999900
#9966FF #9966CC #996699 #996666 #996633 #996600
#9933FF #9933CC #993399 #993366 #993333 #993300
#9900FF #9900CC #990099 #990066 #990033 #990000
#66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00
#66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00
#6699FF #6699CC #669999 #669966 #669933 #669900
#6666FF #6666CC #666699 #666666 #666633 #666600
#6633FF #6633CC #663399 #663366 #663333 #663300
#6600FF #6600CC #660099 #660066 #660033 #660000
#33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00
#33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00
#3399FF #3399CC #339999 #339966 #339933 #339900
#3366FF #3366CC #336699 #336666 #336633 #336600
#3333FF #3333CC #333399 #333366 #333333 #333300
#3300FF #3300CC #330099 #330066 #330033 #330000
#00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00
#00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00
#0099FF #0099CC #009999 #009966 #009933 #009900
#0066FF #0066CC #006699 #006666 #006633 #006600
#0033FF #0033CC #003399 #003366 #003333 #003300
#0000FF #0000CC #000099 #000066 #000033 #000000

Till förra sidan!

Steg 1:
Läggkoden inom <HEAD>

<HEAD>


<script LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function changeBackground(hexNumber) {
document.bgColor=hexNumber
}
prefix="#"
rnum1=0
bnum1=0
gnum1=0
rnum2=0
bnum2=0
gnum2=0
hexNumber2="#000000";
rcount=0;
bcount=0;
gcount=0;
function num2hex(num) {
if (num==15) return "f";
else if (num==14) return "e";
else if (num==13) return "d";
else if (num==12) return "c";
else if (num==11) return "b";
else if (num==10) return "a";
else if (num==9) return "9";
else if (num==8) return "8";
else if (num==7) return "7";
else if (num==6) return "6";
else if (num==5) return "5";
else if (num==4) return "4";
else if (num==3) return "3";
else if (num==2) return "2";
else if (num==1) return "1";
else return "0";
}
function changeBackground2(number) {
if(number == 1) {
rnum1=rcount%16;
if (rcount <15) {
rcount=rcount+1;
}
}
if(number == 2) {
gnum1=gcount%16;
if (gcount <15) {
gcount=gcount+1;
}
}
if(number == 3) {
bnum1=bcount%16;
if (bcount <15) {
bcount=bcount+1;
}
}
if(number == 4) {
rnum1=rcount%16;
if (rcount > 0) {
rcount=rcount-1;
}
}
if(number == 5) {
gnum1=gcount%16;
if (gcount > 0) {
gcount=gcount-1;
}
}
if(number == 6) {
bnum1=bcount%16;
if (bcount > 0) {
bcount=bcount-1;
}
}
hexNumber2 = prefix+num2hex(rnum1)+num2hex(rnum2)+num2hex(gnum1)+num2hex(gnum2)+num2hex(bnum1)+num2hex(bnum2);
document.bgColor=hexNumber2
}
// End -->
</script>


</HEAD>

Steg 2:
Lägg koden inom <BODY>

<BODY>

<form METHOD="POST" NAME="background">
<div align="center"><center><table BORDER="0" CELLPADDING="3">
<tr>
<td Align="center" colspan="3"><font face="arial" size="2"><font color="#FFFFFF">Klicka
på knapparna för att välja grundfärg:<br>
</font>Klicka på knapparna för att välja grundfärg:</font></td>
</tr>
<tr>
<td Align="center" colspan="3"><font face="arial" size="2"><input TYPE="button"
VALUE="Röd" ONCLICK="changeBackground('#FF0000')"><input TYPE="button" VALUE="Grön"
ONCLICK="changeBackground('#00FF00')"><input TYPE="button" VALUE=" Blå "
ONCLICK="changeBackground('#0000FF')"><input TYPE="button" VALUE=" Vit "
ONCLICK="changeBackground('#FFFFFF')"><input TYPE="button" VALUE="Svart"
ONCLICK="changeBackground('#000000')"><input TYPE="button" VALUE=" Grå "
ONCLICK="changeBackground('#C0C0C0')"></font></td>
</tr>
<tr>
<td Align="center" colspan="3"><font face="arial" size="2"><font color="#FFFFFF">Använd
knapparna nedan för att justera nyanserna:<br>
</font>Använd knapparna nedan för att justera nyanserna:</font></td>
</tr>
<tr>
<td Align="center"><font face="arial" size="2"><input TYPE="button" VALUE="+ Röd"
ONCLICK="changeBackground2(1)"><input TYPE="button" VALUE="- Röd"
ONCLICK="changeBackground2(4)"></font></td>
<td Align="center"><font face="arial" size="2"><input TYPE="button" VALUE="+ Grön"
ONCLICK="changeBackground2(2)"><input TYPE="button" VALUE="- Grön"
ONCLICK="changeBackground2(5)"></font></td>
<td Align="center"><font face="arial" size="2"><input TYPE="button" VALUE="+ Blå"
ONCLICK="changeBackground2(3)"><input TYPE="button" VALUE="- Blå"
ONCLICK="changeBackground2(6)"></font></td>
</tr>
</table>
</center></div>
</form>


</BODY>