Färger på web-sidan

Man kan tala om vilken färg någonting på web-sidan ska ha. Dessa funktioner kan göra web-sidan mycket färggladare! Vanligtvis är texten svart mot grå bakgrund och det blir lätt tråkigt efter ett tag.

Namge färger

Lättast är att beskriva färgen man vill ha med ett lätttförståeligt namn. Tyvärr finns det inte sådana för så många färger, så man får nöja sig med en palett på endast 16 färger... De man kan välja mellan är black, maroon, green, olive, navy, purple, teal, gray, silver, red, lime, yellow, blue, fuchsia, aqua och white.

Se Namngivna färger

Hexadecimala RGB-värden

Hexadecimala RGB-värden En färg, vilken som helst, kan sägas bestå av en viss del rött, en del grönt och en del blått. Därför talar man om färgers RGB-värde. Man talar helt enkelt om hur mycket rött som ska ingå. hur mycket grönt och hur mycket blått som ska finnas i färgen. I decimalsystemet, som används av många ritprogram, har varje färg ett värde mellan 0 och 255. Detta innebär att varje färg kan ha någon av 256 olika kulörer.

När det gäller färger för webbsidor, är det lite ovanliga att värdena ska anges i det hexadecimala talsystemet, även kallat hex. Hex är mycket vanligt i datorsammanhang. Vanligtvis räknar vi med tio siffror, men i hex finns hela sexton stycken "siffror"-0-F! Efter 9 kommer A. Det finns 16 olika steg och 16x16 blir 256. 255 blir exmpelvis FF i hex.

Man inleder en hexadecimal färgspecifikation med tecknet #. Därefter anger man i tur och ordning hur mycket rött, grönt och blått som finns i färgen. Slutligen omger man hela härligheten med citattecken. Helrött blir "#FF0000", eftersom man tar maximalt med rött (FF) och minimalt med grönt och blått (00). (Grönt blir därför "#00FF00" och blått "#0000FF".) Lila som består av både rött och blått blir "#FF00FF".

Genom att minska styrkan på delfärgerna, men behålla dess proportioner gör man färgen mörkare. Mörkare lila kan man alltså få exempelvis med "#950095". Gråa nyanser får man om man anger ungefär samma värde på rött, grönt och blått - exempelvis "#373737" för mörkgrått och "#A2A2A2" för ljusgrått. Svart är förstås "#000000" och vitt får man genom att klämma till med så mycket färg som möjligt - "#FFFFFF".

Websäkra färger

Man brukar tala om att det finns 216 websäkra färger. Anledningen till att man talar om websäkra färger är att datorn har en uppsättning färdigblandade färger att förfoga över. Problemet är att när datorn ska visa färger som inte ingår i denna standardpalett, måste den använda sig av en metod som kallas dithering. Det går till på så sätt att datorn blandar in pixlar från andra färger i en standardfärg. Skärmen ser helt okej ut på lite avstånd, den rätta färgen framträder. Men nära skärmen, där de flesta håller till, blir det problem. Den effekt som uppstår är att färgerna ser flammiga, prickiga eller smutsiga ut. Därför har man tagit fram en färgpalett med 216 websäkra färger, som man kan använda fär att undvika problemet med dithering. Dessa färger ska i alla fall fungera på de flesta skärmar.

Se Websäkra färger

Färga bakgrund och text BGCOLOR och TEXT HTML 3.0

Bakgrundsfärgen får man genom att definiera färgen med BGCOLOR. som är ett attribut till <BODY>.

När man ställer om bakgrundsfärgen vill man även gärna ställa om textfärgen för att den ska konrastera bra mot bakgrunden. Detta görs med attributet TEXT i BODY på samma sätt som med BGCOLOR.

Exempel på attributen BGCOLOR och TEXT

<HTML>
<HEAD>
<TITLE>Färga bakgrund, text och länkar</TITLE>
</HEAD>
<BODY BGCOLOR="red" TEXT="#FFFF00">
<HTML>
<HEAD>

Resultatet av detta ser du här

Detta ger en webbsida med röd bakgrund och en gul text.

Ändra färgen på länkar LINK, VLINK och ALINK HTML 3.0

När man väl ändrat någon färg med BGCOLOR eller TEXT är det viktigt att ställa in alla länkarnas färg så att de också blir bra. Det finns tre olika färger som länkar kan ha.

Länken har en annan färg när användaren inte har följt den.
Länken får en annan färg en bråkdel av en sekund när användaren väljer att klicka på den.
Slutligen har de länkar användaren följt en tredje färg för att visa vilka länkar som redan prövats.

Eftersom inställningen av länkfärger bara kan göras enda gång i ett web-dokument skriver man några attribut i <BODY>-taggen. Färgen på länkar som inte använts sätts med attributet LINK, färgen på länkar man har använt sätts till VLINK och slutligen bestämmer man färgen länken ska ha just i klickögonblicket med attributet .

Exempel på färger på länkar

<HTML>
<HEAD>
<TITLE>Färga bakgrund, text och länkar</TITLE>
</HEAD>
<BODY BGCOLOR = "FFFFFF" LINK="blue" VLINK="purple" ALINK="red">
<H2>Några sökmotorer:</H2>
Klicka på länkarna för att använda respektive sökmotor:
<UL>
  <LI><A HREF="http://www.infoseek.com">
    Infoseek</A>
  <LI><A HREF="http://www.webcrawler.com">
    Webcrawler</A>
  <LI><A HREF="http://www.lycos.com">
    Lycos</A>
  <LI><A HREF="http://www.yahoo.com">
    Yahoo</A>
</UL>
<HTML>
<HEAD>

Resultatet ser du nedan

Några sökmotorer:

Klicka på länkarna för att använda respektive sökmotor:

Det är inte bra att mixtra för mycket med länkarnas färger. Standarden på webben är att de länkar man inte följt är blå, i klickningsögonblicket är länkarna röda och de länkar man har följt är violetta. Om man väljer andra färger än dessa riskerar man att förvilla användarna.

Klicka på knapparna för att backa tillbaka eller för att titta på första färgpaletten.