Webfarger

Webfarger, også kalt HTML-farger eller heksadesimalfarger, er koder som benyttes til design av nettsider og som nettleseren konverterer til RGB-verdier. Hovedsakelig er dette sekssifrede heksadesimaler.

Eksempel

Koden #0369CF er bygget opp på denne måten:

#0369CF	#		Definerer at dette er en fargekode.
	0	03	Definerer rødfargen. Tilsvarer RGB-verdien 3.
	3
	6	69	Definerer grønnfargen. Tilsvarer RGB-verdien 105.
	9
	C	CF	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.

Rød: #FF0000. Fyll FF 00 00 _ ▲ │ │ │ │ - _ │ │ │ │ ▲ - _ │ │ │ │ ▲ - Rød Grønn Blå

Rosa: #FF0080. Fyll FF 00 80 _ ▲ │ │ │ │ - _ │ │ │ │ ▲ - _ │ │ ▲ │ │ - Rød Grønn Blå

Lilla: #FF00FF. Fyll FF 00 FF _ ▲ │ │ │ │ - _ │ │ │ │ ▲ - _ ▲ │ │ │ │ - Rød Grønn Blå

Fra rød til gul

Rød: #FF0000. Fyll FF 00 00 _ ▲ │ │ │ │ - _ │ │ │ │ ▲ - _ │ │ │ │ ▲ - Rød Grønn Blå

Oransje: #FF8000. Fyll FF 80 00 _ ▲ │ │ │ │ - _ │ │ ▲ │ │ - _ │ │ │ │ ▲ - Rød Grønn Blå

Gul: #FFFF00. Fyll FF FF 00 _ ▲ │ │ │ │ - _ ▲ │ │ │ │ - _ │ │ │ │ ▲ - Rød Grønn Blå

Fra grønn til turkis

Grønn: #00FF00. Fyll 00 FF 00 _ │ │ │ │ ▲ - _ ▲ │ │ │ │ - _ │ │ │ │ ▲ - Rød Grønn Blå

Blågrønn: #00FF80. Fyll 00 FF 80 _ │ │ │ │ ▲ - _ ▲ │ │ │ │ - _ │ │ ▲ │ │ - Rød Grønn Blå

Turkis: #00FFFF. Fyll 00 FF FF _ │ │ │ │ ▲ - _ ▲ │ │ │ │ - _ ▲ │ │ │ │ - Rød Grønn Blå

Andre farger

Blå: #0000FF. Fyll 00 FF FF _ │ │ │ │ ▲ - _ │ │ │ │ ▲ - _ ▲ │ │ │ │ - Rød Grønn Blå

Lyseblå: #8080FF. Fyll 80 80 FF _ │ │ ▲ │ │ - _ │ │ ▲ │ │ - _ ▲ │ │ │ │ - Rød Grønn Blå

Lyserød: #FF8080. Fyll FF 80 80 _ ▲ │ │ │ │ - _ │ │ ▲ │ │ - _ │ │ ▲ │ │ - Rød Grønn Blå

Hvit til svart

Hvit: #FFFFFF. Fyll FF FF FF _ ▲ │ │ │ │ - _ ▲ │ │ │ │ - _ ▲ │ │ │ │ - Rød Grønn Blå

Grå: #808080. Fyll 80 80 80 _ │ │ ▲ │ │ - _ │ │ ▲ │ │ - _ │ │ ▲ │ │ - Rød Grønn Blå

Svart: #000000. Fyll 00 00 00 _ │ │ │ │ ▲ - _ │ │ │ │ ▲ - _ │ │ │ │ ▲ - Rød Grønn Blå

Andre fargekoder

Forkortede fargekoder

I kaskaderende stilark – 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 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 engelske navn, eksempelvis slik:

White	#FFFFFF
Yellow	##FFFF00
Lightblue	#ADD8E6

• 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 programmereren 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 dataskjermer og mobilskjermer kan gjengi farger forskjellig.

• 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:

• Liste over webfarger sortert alfabetisk etter navn
• Liste over webfarger sortert etter farge
• Liste over webfarger sortert etter rødt
• Liste over webfarger sortert etter grønt
• Liste over webfarger sortert etter blått
• Liste over websikre webfarger

Se også

• Additiv fargesyntese
• RGB
• Heksadesimaltall
• Cascading Style Sheets
• Nettside
• Internett