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 rediger

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 rediger

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 rediger

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 rediger

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 rediger

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 rediger

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 rediger

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 rediger

Forkortede fargekoder rediger

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 rediger

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 rediger

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 rediger

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 rediger

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: