Wikisida: Én sideversjon ble importert

2026-05-25T18:45:08Z

Én sideversjon ble importert

← Eldre sideversjon	Sideversjonen fra 25. mai 2026 kl. 18:45
(Ingen forskjell)

nb>12u: /* Fargetabeller */ Fjernet henvisninger til slettete artikler

2026-03-14T02:26:57Z

Fargetabeller: Fjernet henvisninger til slettete artikler

Ny side

{{Kildeløs}}

'''Webfarger''', også kalt '''HTML-farger''' eller '''heksadesimalfarger''', er koder som benyttes til design av [[nettside]]r og som nettleseren konverterer til [[RGB]]-verdier. Hovedsakelig er dette sekssifrede [[heksadesimaltall|heksadesimal]]er.

==Eksempel==
Koden #0369CF er bygget opp på denne måten:
{|class="wikitable"
|rowspan="7" style="background-color: #0369CF; color: #FFF"|#0369CF
|colspan="2"|#
|Definerer at dette er en fargekode.
|-
|0
|rowspan="2"|03
|rowspan="2"|Definerer rødfargen. Tilsvarer RGB-verdien 3.
|-
|3
|-
|6
|rowspan="2"|69
|rowspan="2"|Definerer grønnfargen. Tilsvarer RGB-verdien 105.
|-
|9
|-
|C
|rowspan="2"|CF
|rowspan="2"|Definerer blåfargen. Tilsvarer RGB-verdien 207.
|-
|F
|}

==Hvordan koden virker==

Når vi skal forstå Heksadesimalsystemet kan vi tenke oss at vi har tre spaker.

* Spake 1 styrer de 2 første sifrene som er fargen rød. 00 er minst (avslått) og FF er mest (skrudd på fullt)

* Spake 2 styrer de 2 midterste sifrene som er fargen grønn.

* Spake 3 styrer de 2 siste sifrene som er fargen blå.

=== Fra rød til lilla ===
Hvis vi skyver spake 1 på fullt får vi fargen rød. Når vi skyver spake 3 endrer vi fargen mot lilla.

{| width="360px" cellspacing="0" cellpadding="0"
|-
| width="120px" style="vertical-align:bottom" |
[[Rødt (farge)|Rød]]: #FF0000.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #FF0000; color: #FF0000"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | FF
| style="width: 30px;" | 00
| style="width: 30px;" | 00

|- style="text-align: center; background: #E6E6FF; color: black"
| _ ▲ │ │ │ │ - 
| _ │ │ │ │ ▲ - 
| _ │ │ │ │ ▲ - 

|- style="text-align: center; background: #E6E6FF; color: black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
[[Rosa]]: #FF0080.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #FF0080; color: #FF0080"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | FF
| style="width: 30px;" | 00
| style="width: 30px;" | 80

|- style="text-align: center; background: #E6E6FF; color: black"
| _ ▲ │ │ │ │ - 
| _ │ │ │ │ ▲ - 
| _ │ │ ▲ │ │ - 

|- style="text-align: center; background: #E6E6FF; color: black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
[[Lilla]]: #FF00FF.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #FF00FF; color: #FF00FF"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | FF
| style="width: 30px;" | 00
| style="width: 30px;" | FF

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ ▲ │ │ │ │ - 
| _ │ │ │ │ ▲ - 
| _ ▲ │ │ │ │ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



|}

=== Fra rød til gul ===
{| width="360px" cellspacing="0" cellpadding="0"
|-
| width="120px" style="vertical-align:bottom" |
[[Rødt (farge)|Rød]]: #FF0000.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #FF0000; color: #FF0000"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | FF
| style="width: 30px;" | 00
| style="width: 30px;" | 00

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ ▲ │ │ │ │ - 
| _ │ │ │ │ ▲ - 
| _ │ │ │ │ ▲ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
[[Oransje]]: #FF8000.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #FF8000; color: #FF8000"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | FF
| style="width: 30px;" | 80
| style="width: 30px;" | 00

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ ▲ │ │ │ │ - 
| _ │ │ ▲ │ │ - 
| _ │ │ │ │ ▲ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
[[Gult|Gul]]: #FFFF00.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #FFFF00; color: #FFFF00"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | FF
| style="width: 30px;" | FF
| style="width: 30px;" | 00

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ ▲ │ │ │ │ - 
| _ ▲ │ │ │ │ - 
| _ │ │ │ │ ▲ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



|}

=== Fra grønn til turkis ===
{| width="360px" cellspacing="0" cellpadding="0"
|-
| width="120px" style="vertical-align:bottom" |
[[Grønt|Grønn]]: #00FF00.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #00FF00; color: #00FF00"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | 00
| style="width: 30px;" | FF
| style="width: 30px;" | 00

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ │ │ │ │ ▲ - 
| _ ▲ │ │ │ │ - 
| _ │ │ │ │ ▲ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
Blågrønn: #00FF80.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #00FF80; color: #00FF80"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | 00
| style="width: 30px;" | FF
| style="width: 30px;" | 80

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ │ │ │ │ ▲ - 
| _ ▲ │ │ │ │ - 
| _ │ │ ▲ │ │ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
[[Turkis (farge)|Turkis]]: #00FFFF.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #00FFFF; color: #00FFFF"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | 00
| style="width: 30px;" | FF
| style="width: 30px;" | FF

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ │ │ │ │ ▲ - 
| _ ▲ │ │ │ │ - 
| _ ▲ │ │ │ │ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



|}

=== Andre farger ===
{| width="360px" cellspacing="0" cellpadding="0"
|-
| width="120px" style="vertical-align:bottom" |
[[Blått|Blå]]: #0000FF.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #0000FF; color: #0000FF"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | 00
| style="width: 30px;" | FF
| style="width: 30px;" | FF

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ │ │ │ │ ▲ - 
| _ │ │ │ │ ▲ - 
| _ ▲ │ │ │ │ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
Lyseblå: #8080FF.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #8080FF; color: #8080FF"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | 80
| style="width: 30px;" | 80
| style="width: 30px;" | FF

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ │ │ ▲ │ │ - 
| _ │ │ ▲ │ │ - 
| _ ▲ │ │ │ │ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
Lyserød: #FF8080.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #FF8080; color: #FF8080"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | FF
| style="width: 30px;" | 80
| style="width: 30px;" | 80

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ ▲ │ │ │ │ - 
| _ │ │ ▲ │ │ - 
| _ │ │ ▲ │ │ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



|}

=== Hvit til svart ===
{| width="360px" cellspacing="0" cellpadding="0"
|-
| width="120px" style="vertical-align:bottom" |
[[Hvitt|Hvit]]: #FFFFFF.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #FFFFFF; color: #FFFFFF"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | FF
| style="width: 30px;" | FF
| style="width: 30px;" | FF

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ ▲ │ │ │ │ - 
| _ ▲ │ │ │ │ - 
| _ ▲ │ │ │ │ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
[[Grått|Grå]]: #808080.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #808080; color: #808080"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | 80
| style="width: 30px;" | 80
| style="width: 30px;" | 80

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ │ │ ▲ │ │ - 
| _ │ │ ▲ │ │ - 
| _ │ │ ▲ │ │ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



| width="120px" style="vertical-align:bottom" |
[[Svart]]: #000000.


{| class="wikitable" style="background: #BFBFBF; color: Black; font-size:0.7em"
|-
|colspan="3" style="width: 98px; background: #000000; color: #000000"| Fyll

|- style="text-align: center; background: lightblue; color: black"
| style="width: 30px;" | 00
| style="width: 30px;" | 00
| style="width: 30px;" | 00

|- style="text-align: center; background: #E6E6FF; color: #black"
| _ │ │ │ │ ▲ - 
| _ │ │ │ │ ▲ - 
| _ │ │ │ │ ▲ - 

|- style="text-align: center; background: #E6E6FF; color: #black"
| Rød
| Grønn
| Blå

|-
|}



|}

==Andre fargekoder==
===Forkortede fargekoder===
I kaskaderende stilark – [[Cascading Style Sheets |CSS]] – er det mulig å forkorte kodene til tre tegn. Ett tegn tilsvarer da to av det gjeldende tegnet. (For eksempel vil #39F tilsvare #3399FF.)
===RGB-verdier===
En annen mulighet i [[Cascading Style Sheets |CSS]] er å oppgi den gjeldende [[RGB]]-verdien til fargen. Det gjøres på denne måten:
rgb(3, 105, 207)
===Fargenavn===
Noen utvalgte farger ([[X11]]-webfarger) kan oppgis med fargens [[engelsk]]e navn, eksempelvis slik:
{| class="wikitable" style=" cellpaddind: 2; background= #DEDEDE"
|-
|- Style=" background: white"
| White || #FFFFFF
|- Style=" background: Yellow"
| Yellow || ##FFFF00
|- Style=" background: Lightblue"
| ''Lightblue''|| #ADD8E6
|-
|}

* [[Webfarger (sortert etter navn)|Se liste over webfarger sortert etter navn]]

==Websikre farger==
De 216 fargene som inneholder heksadesimalene 00, 33, 66, 99, CC og FF (som tilsvarer RGB-verdiene 0, 51, 102, 153, 204 og 255), betegnes som websikre, det vil si at [[programmerer]]<nowiki/>en som legger inn webkodene som tilsvarer disse fargene, kan forutsi med stor sikkerhet hvilke farger som vil vises på vedkommende [[nettside]] eller i vedkommende [[app]]. Det må likevel alltid tas forbehold for at ulike [[Skjerm (monitor)|dataskjerm]]<nowiki/>er og mobilskjermer kan gjengi farger forskjellig.

* [[Webfarger (websikker)|Se liste over websikre webfarger]]

==Fargetabeller==
Heksadesimalsystemet tillater et utvalg av 16 777 216 forskjellige fargenyanser. Alt etter formålet, kan man gjøre utvalg og sortere fargene etter flere metoder, som i følgende lister:

* [[Webfarger (sortert etter navn)|Liste over webfarger sortert alfabetisk etter navn]]
* [[Webfarger (websikker)|Liste over websikre webfarger]]

==Se også==
* [[Additiv fargesyntese]]
* [[RGB]]
* [[Heksadesimaltall]]
* [[Cascading Style Sheets]]
* [[Nettside]]
* [[Internett]]

{{Autoritetsdata}}

[[Kategori:W3C-standarder]]
[[Kategori:Webdesign]]
[[Kategori:Farge]]

[[eu:Wikipedia:Kolorea]]

Webfarger - Sideversjonshistorikk

Wikisida: Én sideversjon ble importert

nb>12u: /* Fargetabeller */ Fjernet henvisninger til slettete artikler