Ändra textfärg

När man ändrar textfärgen på webbsidor, använder man sig av särskilda färgvärden. Färgvärden kan skrivas på flera sätt, men de härrör alltid ur en av två källor eller färgskalor.

Färgens namn

Egenskapen för att ange textfärg heter color. I en begränsad färgskala på 16 färger finns några namn på färger som är tillåtna att använda som värde till denna egenskap.

h1 {color:red}

Samtliga färgers namn är: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white eller yellow. Peka på en ruta nedan så visas färgens namn.

               
               

Färgens RGB-värde

Den största färgskalan ligger i datorns eget färgsystem. RGB-systemet bygger på de tre grundfärgerna röd (R), grön (G) och blå (B). För varje möjlig nyans som datorn kan återge, har de tre grundfärgerna olika ljushetsgrader på skalan 0-255.

I Windows egen färgpalett kan du välja ut och ställa in olika nyanser och samtidigt få veta vilka grundfärgernas värden är i en viss färg. Gör så här för att ta fram paletten i Win XP:

  1. Högerklicka på datorns skrivbord och välj Egenskaper
  2. Klicka på fliken Skrivbord
  3. Klicka på knappen Färg nere till höger och på knappen Annan i samma meny

 

När du vill ha textfärger ur RGB-skalan kan du ange färgens faktiska värde, eller i procent av det maximala ljushetsvärdet 255. Exemplet nedan visar hur du formulerar RGB-värden i ordningen röd, grön, blå. Båda värdena nedan ger samma färg.

em     { color:rgb(255,0,0)   }
strong { color:rgb(100%,0,0)  }

Hexadecimala färgvärden

RGB-värden kan också anges hexadecimalt (i stället för decimalt som ovan). I det hexadecimala talsystemet räknar man med talbasen 16, istället för 10. Talen 10-15 är dessutom bokstäver. Bokstaven A är 10, B är 11 o.s.v. upp till F som är 15.

Decimala tal kan omvandlas till hextal med Windows kalkylator eller med särskilda färgväljarprogram. Hexfärgkoderna består av tre eller sex tecken (1-2 tecken per färg) och börjar alltid med tecknet [#].

h1 { color:#ff0000 }
h2 { color:#f00    }    /*Varje tecken tolkas här dubbelt*/