4. Textfärg och bakgrund

4.1 Färger

Färger går att sätta huvudsakligen på två sätt. Antingen genom att använda vanliga namn på färger, eller genom hexkoder. Väljer man vanliga namn (t.ex. BLUE, RED, GREEN), så får man förlita sig på dem, och det är inte alltid så lätt att veta vilka som finns att välja på. Väljer man hexkoder (t.ex. #0000FF, #FF0000, #00FF00), så vet man vilken färg man får, men det kan ju vara lite osmidigare att få fram dem. Dessutom kan det bli lite fel om besökaren på hemsidan har tillgång till för få färger.

Jag har faktiskt aldrig haft behov av en färgkarta över vilka färger man har tillgängliga, efterfrågar någon en kanske jag fixar en senare.

Oftast använder jag hexkoder, så de ska jag förklara hur man får fram.

4.2 Hexkoder

Hexkoden för en färg är i det hexadecimala talsystemet, med 16 som bas, istället för som i det decimala, 10. Detta betyder att vi behöver 16 siffror och då tar vi 0,1..8,9,A,B..F, totalt sexton stycken.

Hexkoden för en färg ser ut så här: #RRGGBB.
De två första tecknen är andelen röd i färgen, de två andra den gröna andelen, och de två sista andelen blått i färgen.

Andelen representeras med två tecken, alltså får vi en skala mellan 0 och 16²-1 (=255). Sålunda blir t.ex. vit färg, som ju är fullt av alla andelarna #FFFFFF (255,255,255 = 100%,100%,100%).

Allra smidigast är att ha ett ritprogram där man kan mixa ihop färgerna, och hoppas på att det har en liten ruta där den kan visa hexvärdet för en färg (GIMP gör det). Annars får du räkna fram det.

Starta ditt ritprogram (du måste ha nåt), välj din färg och notera värdena för Röd, Grön och Blå, de kommer ligga mellan 0 och 255.

Ifall du t.ex. har en Casio miniräknare:
Gå in i läget där du kan räkna med olika talbaser. Ställ in den i HEX-läge. Tryck in ett sånt där litet 'd', och första värdet på din färg (som du avläst i ett grafikprogram). Tryck EXE, och du får hexvärdet. Gör så för de båda resterande andelarna.

Ifall du bara har en riktigt primitiv miniräknare, inga bra program, och inte kan programmera (varför försöker du dig egentligen på att göra en hemsida?):
Ta första talet, dividera det med 16.
Du får sannolikt ett bråktal, multiplicera dess heltalsdel med 16 och dra ifrån det från ditt ursprungliga tal.
Så, nu har du dina två tal, heltalsdelen av det första och resten som blev kvar.
Översätt dem till hextal (1=1, 10=A, 15=F).

Klart.

4.3 Body-taggen

Nu när vi hur vi får fram en färg kan vi ge oss på att använda dem också (gillade du inte hextal är det här du ska fortsätta läsa).

Standard-färger för text och bakgrund sättes i BODY-taggen. Den kan t.ex. se ut (jag garanterar då rakt inte att det här skulle bli snyggt):

<BODY BGCOLOR="#FF9900" TEXT="#00FFFF" LINK="#FF0000" VLINK="#660000" ALINK="#FFFF00">

Observera att du bara ska ha en body-tag per dokument, de olika färgerna läggs som växlar inom en och samma tag. Ordningen spelar heller ingen roll.

BGCOLOR är som det låter, bakgrundsfärgen, TEXT är standardfärgen som kommer att användas till brödtexten, LINK är färgen obesökta länkar kommer att ha, VLINK är färgen redan besökta länkar kommer att ha (Visited), ALINK är färgen en länk får när du klickar på den (Active).

Ytterligare en växel som går att använda i BODY-tagen är BACKGROUND="nåt.gif". Den lägger istället för bakgrundsfärg en bakgrundsbild, ge den namnet på en fin bild, gif eller jpg. Men för allt i världen, ta inte en animerad gif, det blir en mardröm...

Textfärg går även att sätta med <FONT COLOR="...">, men det tar vi i nästa avsnitt.