©ilj@flowsim.se
HTML på svenska - FÄRGER
se även:
>>> färgsiffror
>>> testa alla färger
>>> hexadecimalt till decimalt

 
bild av webbsäker palett
 
 


 
 

 
Det här är några av de färger man kan använda på bakgrunder, text och i bilder.

 
en fyrkant

 
De webbsäkra färgerna får man fram genom att kombinera talen

00
33
66
99
CC
FF

 
på olika sätt och efter systemet RöttGröntBlått (RGB).
 

 
en fyrkant
 
En röd färg får man med siffrorna
FF0000
En grön färg får man med siffrorna
00
FF00
En blå färg får man med siffrorna
0000
FF

 
en fyrkant
 
Om man vill att sidans bakgrundsfärg ska vara orange kan man skriva så här:
 
<BODY BGCOLOR = "#FF9933">
 
I nyare webbläsare fungerar stilmallar. Då placerar man allt som har med en hemsidas utseende att göra i en separat stilmall eller efter STYLE. Till exempel:
 
<BODY BGCOLOR = "#FF9933" STYLE ="background-color:orange">
 
Om man vill att texten ska vara blå kan man skriva så här:
 
<FONT COLOR = "#0000FF">
 

 
På en skärm med 24 bitars färgdjup finns 16 miljoner färger. Man kan kombinera siffrorna 0-9 och bokstäverna A-F så man får fram 16 miljoner bakgrundsfärger (nyanser).
 
>>> ta reda på din skärms färgdjup
 
 
mer om färgsiffror
>>> färgsiffror
>>> testa alla färger (antal tillgängliga färger beror av din skärm)

 

 
Man kan också ange färg på text och bakgrund genom att helt enkelt skriva "blue", "darkblue" etc (se färgord).

 

 
en röd cirkel
Detta är till exempel rött

 

<FONT COLOR="#FF0000">
<FONT COLOR="
red">
 
en blå cirkel Detta är till exempel blått
<FONT COLOR="#0000FF">
<FONT COLOR="
blue">
en svart cirkel Detta är till exempel svart
<FONT COLOR="#000000">
<FONT COLOR="
black">
en mörkgrå cirkel Detta är till exempel mörkgrått
<FONT COLOR="#333333">
en ljusgrå cirkel Detta är till exempel ljusgrått
<FONT COLOR="#cccccc">
<FONT COLOR="
silver">

 

 
en fyrkant

 
I HTML4 rekommenderas att man använder stilmallar för att välja färger. Stilmallar fungerar i t ex Netscape Navigator och MIE fr o m version 4.
 
För att vara säker på att sidan inte tappar färgen kan man komplettera med en stilmall. Mer om det under de olika avsnitten under
STYLESHEETS
css - stilmallar

 
en fyrkant

 
Om man använder det decimala talsystemet för att ange färger (som till exempel om man vill redigera en palett i t ex Paint Shop Pro) blir det i stället 000, 051,102, 153, 204, 255 man använder.
HEXADECIMALT =
33 =
66 =
99 =
CC =
FF =
 DECIMALT
 51
 102
 153
 204
 255
Här kan du se hur man skriver hexadecimala tal decimalt och tvärtom

 
en fyrkant

 
I Paint Shop Pro 5 finns det en webbsäker palett. Om man tänker göra en bild med enfärgade fält - en flagga t ex - kan det vara en god idé att välja den webbsäkra paletten. Så här gör man det:
Välj Colors/ Load Palette och klicka på Safety.pal.

 
en fyrkant

 
Det tar en stund - det blir 216 färger om man använder de sex färgtalen i alla tänkbara kombinationer - men så här gör man för att editera en palett i t ex Paint Shop Pro 3 och 4:
 

1 välj Colors / Edit Palette på menyraden
 

2 dubbelklicka på den färg som ska göras "browsersäker" - alltså på färgen i en av de två små rutor där man väljer förgrundsfärg och bakgrundsfärg.
 
3 längst till höger i den dialogruta som kommer upp finns tre rutor för Red Green Blue - där kan man fylla i de browsersäkra siffrorna.
 
4 klicka på OK och OK.
 
5 välj sedan Save Palette och spara paletten - t ex som webpal.pal.
 
När man sedan vill använda den här paletten för en bestämd bild klickar man på Load Palette och väljer webpal.pal.
 
en fyrkant

 
Ett enklare sätt är att ladda hem bilden ovan.
 
1 placera muspekaren över bilden, tryck ner höger musknapp och välj Save Image As... Välj lämplig mapp/ katalog i dialogrutan som visas.
 
2 öppna bilden i något ritprogram (som klarar av gif-bilder), t ex Paint Shop Pro.
 
3 välj Colors/ Edit Palette. Om allt är OK ska alltså raden under palett-bilden oavsett vilken färgruta man klickar på aldrig visa andra nummer än 0, 51, 102, 153 och 204. Så här kan det t ex se ut:
 
- Color: R:51, G:153, B:153
 
4 spara paletten genom att välja Colors/ Save Palette.
 
 
en linje
 
Sidan gjordes av
 
ilj
 
ilj@flowsim.se
 
en fyrkant
 
Senast ändrad 15 december 1997.
 
Den här sidan hör hemma i ett ramsystem hos:
www.flowsim.se
Bilder på hemsidan