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.

Innhold

1 Eksempel
2 Hvordan koden virker
3 Andre fargekoder
4 Websikre farger
5 Fargetabeller
6 Se også

EksempelRediger

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 virkerRediger

Når vi skal forstå Heksadesimal systemet 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å

Oransj – #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å

Marina 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å

Lyse blå – #8080FF.

Fyll
80	80	FF
_ │ │ ▲ │ │ -	_ │ │ ▲ │ │ -	_ ▲ │ │ │ │ -
Rød	Grønn	Blå

Lyse rø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 fargekoderRediger

Forkortede fargekoderRediger

I CSS er det mulig å forkorte kodene til tre tegn. Ett tegn tilsvarer da to av det gjeldende tegnet. (For eksempel tilsvarer #39F #3399FF.)

RGB-verdierRediger

En annen mulighet i CSS er å oppgi den gjeldende RGB-verdien til fargen. Det gjøres på denne måten:

rgb(3, 105, 207)

FargenavnRediger

Noen utvalgte farger (X11-webfarger) kan oppgis med fargens engelske navn.

Eksempel

White	#FFFFFF
Yellow	##FFFF00
Lightblue	#ADD8E6

Se hele listen her

Websikre fargerRediger

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.

Se hele listen her

FargetabellerRediger

Heksadesimal systemet tillater et utvalg av 16 777 216 forskjellige fargenyanser. Alt etter formålet, kan vi gjøre utvalg og sortere fargene etter flere metoder. Her er noen tabeller.