Hvad hedder farvepaletten? Farve i stilarter kan angives på forskellige måder: ved hexadecimal værdi, ved navn, i RGB, RGBA, HSL, HSLA-format

Vlad Merzhevich

I HTML angives farve på en af ​​to måder: ved hjælp af hexadecimal kode og ved navn på bestemte farver. Den mest anvendte metode er baseret på hexadecimalt system calculus som den mest universelle.

Hexadecimale farver

HTML bruger hexadecimale tal til at angive farver. Det hexadecimale system, i modsætning til decimalsystemet, er, som navnet antyder, baseret på tallet 16. Tallene vil være som følger: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Tal fra 10 til 15 erstattes af latinske bogstaver. I tabel 6.1 viser overensstemmelsen mellem decimal og hexadecimale tal.

Tal større end 15 i det hexadecimale system dannes ved at kombinere to tal til ét (tabel 6.2). For eksempel tallet 255 tommer decimalsystem svarer til tallet FF i hexadecimal.

For at undgå forvirring ved definitionen af ​​talsystemet, er et hexadecimalt tal foran et hash-symbol #, for eksempel #aa69cc. I dette tilfælde er sagen ligegyldig, så det er tilladt at skrive #F0F0F0 eller #f0f0f0.

En typisk farve brugt i HTML ser sådan ud.

Her er websidens baggrundsfarve sat til #FA8E47. Hash-symbolet # foran et tal betyder, at det er hexadecimalt. De første to cifre (FA) definerer den røde komponent i farven, det tredje til og med fjerde ciffer (8E) definerer den grønne komponent, og de sidste to cifre (47) definerer den blå komponent. Slutresultatet bliver denne farve.

F.A.

+

8E

+

47

=

FA8E47

Hver af de tre farver - rød, grøn og blå - kan have værdier fra 00 til FF, hvilket resulterer i i alt 256 nuancer. Det samlede antal farver kan således være 256x256x256 = 16.777.216 kombinationer. En farvemodel baseret på røde, grønne og blå komponenter kaldes RGB (rød, grøn, blå; rød, grøn, blå). Denne model er additiv (fra add - add), hvor tilføjelsen af ​​alle tre komponenter dannes hvid farve.

For at gøre det nemmere at navigere hex farver, vær venlig at tage hensyn til nogle regler.

• Hvis værdierne for farvekomponenterne er de samme (for eksempel: #D6D6D6), vil resultatet være grå nuance. Hvordan større antal, jo lysere farven er med værdier fra #000000 (sort) til #FFFFFF (hvid).
• En klar rød farve dannes, hvis den røde komponent gøres maksimal (FF), og de resterende komponenter sættes til nul. En farve med en værdi på #FF0000 er den rødest mulige røde nuance. Det samme gælder for grøn (#00FF00) og blå (#0000FF).
• Gul (#FFFF00) laves ved at blande rød og grøn. Dette er tydeligt synligt på farvehjulet (fig. 6.1), som præsenterer de primære farver (rød, grøn, blå) og komplementære eller yderligere. Disse omfatter gul, cyan og violet (også kaldet magenta). Generelt kan enhver farve opnås ved at blande farver tæt på den. Således opnås cyan (#00FFFF) ved at kombinere blå og grøn.

Ris. 6.1. Farve cirkel

Farver baseret på hexadecimale værdier skal ikke vælges empirisk. Velegnet til dette formål grafik editor kan arbejde med forskellige farvemodeller, f.eks. Adobe Photoshop. I fig. Figur 6.2 viser vinduet til at vælge en farve i dette program; den resulterende hexadecimale værdi af den aktuelle farve er skitseret med en linje. Du kan kopiere og indsætte det i din kode.

Ris. 6.2. Vindue til valg af farve i Photoshop program

Web farver

Hvis du indstiller skærmens farvegengivelseskvalitet til 8 bit (256 farver), kan den samme farve vises i forskellige browsere på min egen måde. Dette skyldes den måde, grafikken vises på, når browseren arbejder med sin egen palet og ikke kan vise en farve, der ikke er i paletten. I dette tilfælde erstattes farven af ​​en kombination af pixels af andre, tæt på den, farver, der efterligner den givne. For at sikre, at farven forbliver den samme på tværs af forskellige browsere, blev en palet af såkaldte webfarver introduceret. Webfarver er de farver, for hvilke hver komponent - rød, grøn og blå - er indstillet til en af ​​seks værdier - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) 255 (FF). Den hexadecimale værdi af denne komponent er angivet i parentes. Det samlede antal farver fra alle mulige kombinationer giver 6x6x6 - 216 farver. Et eksempel på en webfarve er #33FF66.

Hovedegenskaben ved webfarve er, at den ser ens ud i alle browsere. I dette øjeblik Relevansen af ​​webfarver er meget lille på grund af forbedringen i kvaliteten af ​​skærme og udvidelsen af ​​deres muligheder.

Farver efter navn

For at undgå at skulle huske et sæt tal, kan du i stedet bruge navnene på almindeligt anvendte farver. I tabel 6.3 viser navnene på populære farvenavne.

Bord 6.3. Navne på nogle farver

Farvenavn	Farve	Beskrivelse	Hexadecimal værdi
sort		Sort	#000000
blå		Blå	#0000FF
fuchsia		Lys lilla	#FF00FF
grå		Mørkegrå	#808080
grøn		Grøn	#008000
Citron		Lysegrøn	#00FF00
rødbrun		Mørkerød	#800000
flåde		Mørkeblå	#000080
oliven		Oliven	#808000
lilla		Mørke lilla	#800080
rød		Rød	#FF0000
sølv		Lysegrå	#C0C0C0
krikand		Blågrøn	#008080
hvid		hvid	#FFFFFF
gul		Gul	#FFFF00

Det er ligegyldigt, om du angiver en farve ved dens navn eller ved at bruge hexadecimale tal. Disse metoder er lige i deres virkning. Eksempel 6.1 viser, hvordan man indstiller baggrunds- og tekstfarver på en webside.

Eksempel 6.1. Baggrund og tekstfarve

Eksempel tekst

I dette eksempel indstilles baggrundsfarven ved hjælp af taggets bgcolor-attribut , og tekstfarven gennem tekstattributten. For variation er tekstattributten sat til et hexadecimalt tal, og bgcolor-attributten indstilles til det reserverede søgeord teal .

Hexadecimale tal bruges til at angive farver. Det hexadecimale system, i modsætning til decimalsystemet, er, som navnet antyder, baseret på tallet 16. Tallene vil være som følger: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Tal fra 10 til 15 erstattes af latinske bogstaver. Tal større end 15 i det hexadecimale system dannes ved at kombinere to tal til ét. For eksempel svarer tallet 255 i decimal til tallet FF i hexadecimal. For at undgå forvirring ved bestemmelse af talsystemet, placeres et hash-symbol # før det hexadecimale tal, for eksempel #666999. Hver af de tre farver - rød, grøn og blå - kan have værdier fra 00 til FF. Farvesymbolet er således opdelt i tre komponenter #rrggbb, hvor de to første symboler angiver farvens røde komponent, de to midterste - grøn, og de to sidste - blå. Det er tilladt at bruge den forkortede form #rgb, hvor hvert tegn skal fordobles. Derfor skal posten #fe0 betragtes som #ffee00.

Ved navn

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Browsere understøtter nogle farver efter deres navn. I tabel 1 viser navnene, hexadecimal kode, værdier i RGB-format, HSL og beskrivelse.

Bord 1. Navne på farver

Navn	Farve	Kode	RGB	HSL	Beskrivelse
hvid		#ffffff eller #fff	rgb(255.255.255)	hsl(0,0%,100%)	hvid
sølv		#c0c0c0	rgb(192.192.192)	hsl(0,0%,75%)	Grå
grå		#808080	rgb(128,128,128)	hsl(0,0%,50%)	Mørkegrå
sort		#000000 eller #000	rgb(0,0,0)	hsl(0,0%,0%)	Sort
rødbrun		#800000	rgb(128,0,0)	hsl(0,100%,25%)	Mørkerød
rød		#ff0000 eller #f00	rgb(255,0,0)	hsl(0,100%,50%)	Rød
orange		#ffa500	rgb(255,165,0)	hsl(38,8,100%,50%)	orange
gul		#ffff00 eller #ff0	rgb(255,255,0)	hsl(60,100%,50%)	Gul
oliven		#808000	rgb(128,128,0)	hsl(60,100%,25%)	Oliven
Citron		#00ff00 eller #0f0	rgb(0,255,0)	hsl(120,100%,50%)	Lysegrøn
grøn		#008000	rgb(0,128,0)	hsl(120,100%,25%)	Grøn
aqua		#00ffff eller #0ff	rgb(0,255,255)	hsl(180,100%,50%)	Blå
blå		#0000ff eller #00f	rgb(0,0,255)	hsl(240,100%,50%)	Blå
flåde		#000080	rgb(0,0,128)	hsl(240,100%,25%)	Mørkeblå
krikand		#008080	rgb(0,128,128)	hsl(180,100%,25%)	Blågrøn
fuchsia		#ff00ff eller #f0f	rgb(255;0,255)	hsl(300,100%,50%)	Lyserød
lilla		#800080	rgb(128;0,128)	hsl(300,100%,25%)	Violet

Bruger RGB

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Du kan definere en farve ved at bruge de røde, grønne og blå værdier i decimal. Hver af de tre farvekomponenter har en værdi fra 0 til 255. Det er også tilladt at angive farven som en procentdel, hvor 100 % svarer til tallet 255. Angiv først nøgleordet rgb, og angiv derefter farvekomponenterne i parentes , adskilt af kommaer, for eksempel rgb(255, 128, 128) eller rgb(100%, 50%, 50%).

RGBA

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

RGBA-formatet svarer i syntaks til RGB, men inkluderer en alfakanal, der specificerer elementets gennemsigtighed. En værdi på 0 er helt gennemsigtig, 1 er uigennemsigtig, og en mellemværdi som 0,5 er semi-transparent.

RGBA blev tilføjet til CSS3, så CSS-koden skal valideres mod denne version. Det skal bemærkes, at CSS3-standarden stadig er under udvikling, og nogle funktioner kan ændre sig. For eksempel valideres en farve i RGB-format, der er tilføjet til egenskaben baggrundsfarve, men en farve, der tilføjes til egenskaben baggrund, er ikke længere gyldig. Samtidig forstår browsere helt korrekt farven for begge egenskaber.

HSL

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

Navnet på HSL-formatet er afledt af kombinationen af ​​de første bogstaver Hue (nuance), Saturate (mætning) og Lightness (lightness). Hue er farveværdien på farvehjulet (fig. 1) og er angivet i grader. 0° svarer til rød, 120° til grøn og 240° til blå. Farveværdien kan variere fra 0 til 359.

Ris. 1. Farvehjul

Mætning er intensiteten af ​​en farve og måles som en procentdel fra 0 % til 100 %. En værdi på 0 % indikerer ingen farve og en grå nuance, 100 % er den maksimale værdi for mætning.

Lyshed angiver, hvor lys farven er, og angives som en procentdel fra 0 % til 100 %. Lave værdier gør farven mørkere, og høje værdier gør farven lysere; ekstreme værdier på 0% og 100% svarer til sort og hvid.

HSLA

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

HSLA-formatet svarer i syntaks til HSL, men inkluderer en alfakanal til at specificere elementets gennemsigtighed. En værdi på 0 er helt gennemsigtig, 1 er uigennemsigtig, og en mellemværdi som 0,5 er semi-transparent.

RGBA-, HSL- og HSLA-farveværdier føjes til CSS3, så tjek venligst din kode for versionsgyldighed, når du bruger disse formater.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Advarsel

Alle løvefangstmetoder, der er anført på webstedet, er teoretiske og baseret på beregningsmetoder. Forfatterne garanterer ikke din sikkerhed ved brug af dem og fraskriver sig ethvert ansvar for resultaterne. Husk, en løve er et rovdyr og et farligt dyr!

Resultat dette eksempel vist i fig. 2.

Ris. 2. Farver på websiden

>>Farvestyring

Hexadecimale RGB-farveværdier

Metoder til at beskrive og behandle farve adskiller sig fra hinanden i, hvilken endelig repræsentation de er beregnet til. Lad os f.eks. sammenligne repræsentationen af ​​farver til print og til computerskærme. I det første tilfælde tages grundlaget hvid farven på det papir, hvorpå tre primærfarver efterfølgende påføres: blå, lilla Og gul. Blanding med hinanden og med papirets hvide farve i forskellige proportioner giver disse tre primærfarver forskellige farvenuancer, bortset fra ren sort, eller i fuldstændig fravær af maling giver de hvidt papir. Hvis vi tilføjer sort farve til dem, får vi CMYK-en metode til at overføre farve, når den ønskede farve opnås ved at trække de manglende farver fra hvid.

I det andet tilfælde tages grundlaget sort farven på monitorskærmen, hvor hver celle lyser i en af ​​tre farver: rød-rød, grøn-grøn og blå-blå. Så, i fuldstændig fravær af glød, får vi en ren sort skærmfarve, og enhver af de nødvendige farver er givet af forholdet mellem hver af de tre farver. I dette tilfælde får vi RGB-metode til farvetransmission. Primære farver kan variere fra 0 Før 255 , eller fra 0% Før 100% , eller kan repræsenteres som en hexadecimal værdi. I figuren nedenfor kan du se resultaterne af blanding af primærfarver.

Det hexadecimale talsystem har i modsætning til decimaltalsystemet ikke ti cifre, men seksten - deraf navnet. Følgelig kan der kun være ikke-gentagende varianter af kombinationer af to cifre - 256 , for at fortsætte rækken af ​​tal efter 9 breve fra EN Før F derfor vil serien se sådan ud -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.

For at konvertere tal fra et talsystem til et andet og omvendt, skal du bruge lommeregneren nedenfor. Maksimal værdi måske her FF - 255 .

I dette tilfælde er farven angivet med tre hexadecimale tal, som hver består af to cifre. Det første tal bestemmer intensiteten rød farver, mellem- grøn, sidste ting- blå farver. Alle tal kan have værdier i området fra 00 Før FF(fra 0 til 255). For eksempel: grøn farve er givet som #00FF00, rødlignende #FF0000, blålignende #0000FF, hvidlignende #FFFFFF, fuldstændig fravær af farve eller sort er angivet som #000000 .

I formularen nedenfor kan du angive eventuelle hexadecimale værdier for hver af de tre farver og se resultatet af at blande dem ved at klikke i outputfeltet.

RØD		GRØN		BLÅ
	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f
...Klik her

Eksempler på nogle hexadecimale værdier RGB farver: gradueringer af røde, blå og grønne farver.

udsigt	kode	udsigt	kode	udsigt	kode	udsigt	kode	udsigt	kode	udsigt	kode
	#010000		#800000		#000100		#008000		#000001		#000080
	#100000		#900000		#001000		#009000		#000010		#000090
	#200000		#A00000		#002000		#00A000		#000020		#0000A0
	#300000		#B00000		#003000		#00B000		#000030		#0000B0
	#400000		#C00000		#004000		#00C000		#000040		#0000C0
	#500000		#D00000		#005000		#00D000		#000050		#0000D0
	#600000		#E00000		#006000		#00E000		#000060		#0000E0
	#700000		#FF0000		#007000		#00FF00		#000070		#0000FF

Angivelse af farve ved hjælp af strengbogstaver

For at lette brugen blev nogle farver og deres kombinationer tildelt navne, der genkendes af alle browsere, og det blev muligt at angive mange af dem ved navn. Tabellen nedenfor viser nogle af farvenavnene:

udsigt	Navn	udsigt	Navn	udsigt	Navn	udsigt	Navn
	hvid		Rød		orange		Gul
	Grøn		Blå		Lilla		Sort
	Aliceblue		Antik hvid		Aqua		Akvamarin
	Azure		Beige		Bisque		Blanchedalmond
	Blåviolet		Brun		Burlywood		Kadetblå
	Chartreuse		Chokolade		Koral		Kornblomstblå
	Majssilke		Crimson		Cyan		Mørkeblå
	Mørkecyan		Mørkeguld		Mørkegrå		Mørkegrøn
	Darkkhaki		Mørkmagenta		mørkeolivegrøn		Mørk orange
	Darkorchid		Mørkerød		Mørk laks		Mørkegrøn
	Mørke skiferblå		Mørkslagegray		Mørketurkis		Mørkeviolet
	Deeppink		Dyb himmelblå		Dimgray		Dodgerblue
	Ildsten		Blomsterhvid		Skovgrøn		Fuschia
	Gainsboro		Ghostwhite		Guld		Guldris
	Grå		Grøngul		Honningdug		Hot pink
	Indianred		Indigo		elfenben		Kaki
	Lavendel		Lavendelblush		Citronchiffon		Lyseblå
	Lyskoral		Lyscyan		Lyskoldenrødgul		Lysegrøn
	Lysegrå		Lyserød		Lyslaks		Lysegrøn
	Lyseblå		Lysslagegray		Lysestålblå		Lysegul
	Citron		Lime grøn		Linned		Magenta
	Rødbrun		Medium akvamarin		Mellemblå		Mediumorchid
	Mellemlilla		Mellemsøgrøn		Mellemskiferblå		Mellemspringgrøn
	Mediumturkis		Mellemviolet		Midnatsblå		Myntecreme
	Mistyrose		Navajohvid		Flåde		Oldlace
	Oliven		Oliverab		Orangerød		Orkidé
	Palegoldenrod		Lysegrøn		Paleturkis		Blegviolet
	Papayapisk		Peachpuff		Peru		Lyserød
	Blomme		Pulverblå		Rosenbrun		Kongeblå
	Sadelbrun		Søgrøn		Muslingeskal		Sienna
	Sølv		Himmelblå		Skiferblå		Slategray
	Sne		Springgrøn		Stålblå		Tan
	Blågrøn		Tidsel		Tomat		Turkis
	Violet		Hvede		Hvid røg		Gul grøn

Listen over små bogstaver med farvenavne er ret omfattende og mere end tilstrækkelig. Hvis du skal indstille en baggrundsfarve, der er så usædvanlig, at den ikke engang har et navn, kan du bruge en hexadecimal værdi.

Brug af en sikker farvepalet

Desværre på forskellige platforme Med forskellige systemindstillinger er korrekt farvegengivelse et problem. Sagen er, at browseren altid forsøger at justere farvepaletten i dokumentet, så den passer Systemindstillinger og monitorens muligheder ved selvstændigt at blande farver og erstatte dem. Som et resultat kan brugeren nogle gange ikke se præcis, hvad webmasteren ønskede at vise ham. En vej ud af denne situation blev fundet i brugen af ​​en palette, hvis farve garanteres at blive gengivet ligeligt af alle browsere på forskellige platforme. Dette er den såkaldte garanteret palet, også kaldet sikker palet. Denne palet indeholder farver, hvis farvekomponenter har følgende værdier: 00 ,33 ,66 ,99 , CC,FF, på alle mulige måder 216 deres kombinationer.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99FF00 99FF33 99CC66 99CC00 99CC33 669900 CCFF99 99FF99 66CC00 66CC33 669933 336600 66FF00 66FF33 33FF00 33CC00 339900 009900 33FF33 00FF33 00FF00 00CC00 33CC33 00CC33 CCFFCC 99CC99 66CC66 669966 336633 003300 99FF99 66FF66 33FF66 00FF66 339933 006600 66FF99 33FF99 00FF99 33CC66 00CC66 009933 66CC99 33CC99 00CC99 339966 009966 006633 99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999 CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC 99CCCC 66CCCC 339999 669999 006666 336666 66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333 99CCFF 3399FF 0099FF 6699CC 336699 006699 0066FF 3366CC 0066CC 0033FF 003399 003366 6699FF 3366FF 0000 FF 0000CC 0033CC 000033 3333FF 3300 FF 3300CC 3333CC 000099 000066 9999CC 6666FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666FF 6600FF 330099 330066 9966CC 9966FF 6600CC 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900FF 660099 663366 CC66FF CC33FF CC00FF 9900CC 996699 660066 CC99CC CC66CC CC33CC CC00CC 990099 993399 FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399 FF66CC FF00CC FF33CC CC6699 CC0099 990066 FF99CC FF3399 FF0099 CC0066 993366 660033 FF6699 FF3399 FF0066 CC3366 996666 663333 CC9999 CC6666 CC3333 CC0000 990033 330000 FFCCCC FF9999 FF6666 FF3333 FF0000 CC0033 FF6633 CC3300 FF3300 FF0000 CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 FF9900 FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00

udsigt	kode	udsigt	kode	udsigt	kode	udsigt	kode	udsigt	kode	udsigt	kode

Farve ind CSS sprog kan indstilles forskellige veje:

• ved navn,
• Ved hexadecimal værdi,
• i RGB- og RGBA-formater,
• i HSL- og HSLA-formater.

Indstil farve efter navn

Browsere understøtter at angive nogle farver for elementer ved navn. I denne tabel nogle søgeord(Engelske farvenavne) bruges til at specificere farveegenskaber, RGB-kode, hexadecimal kode (HEX) og HSL-kode.

Bord 1. Navne på farver, deres RGB-, HEX- og HSL-kode.

Navn	Farve	RGB	HEX	HSL	Beskrivelse
hvid		rgb(255, 255, 255)	#ffffff eller #fff	hsl(0, 0%, 100%)	hvid
sølv		rgb(192, 192, 192)	#c0c0c0	hsl(0, 0 %, 75 %)	Grå
grå		rgb(128, 128, 128)	#808080	hsl(0, 0%, 50%)	Mørkegrå
sort		rgb(0, 0, 0)	#000000 eller #000	hsl(0, 0%, 0%)	Sort
rødbrun		rgb(128; 0; 0)	#800000	hsl(0, 100 %, 25 %)	Mørkerød
rød		rgb(255; 0; 0)	#ff0000 eller #f00	hsl(0, 100 %, 50 %)	Rød
orange		rgb(255, 165, 0)	#ffa500	hsl(38,8, 100 %, 50 %)	orange
gul		rgb(255, 255, 0)	#ffff00 eller #ff0	hsl(60, 100 %, 50 %)	Gul
oliven		rgb(128, 128, 0)	#808000	hsl(60, 100 %, 25 %)	Oliven
Citron		rgb(0, 255, 0)	#00ff00 eller #0f0	hsl(120, 100 %, 50 %)	Lysegrøn
grøn		rgb(0, 128, 0)	#008000	hsl(120, 100 %, 25 %)	Grøn
aqua		rgb(0, 255, 255)	#00ffff eller #0ff	hsl(180, 100 %, 50 %)	Blå
blå		rgb(0, 0, 255)	#0000ff eller #00f	hsl(240, 100 %, 50 %)	Blå
flåde		rgb(0,0,128)	#000080	hsl(240, 100 %, 25 %)	Mørkeblå
krikand		rgb(0, 128, 128)	#008080	hsl(180, 100 %, 25 %)	Blågrøn
fuchsia		rgb(255; 0; 255)	#ff00ff eller #f0f	hsl(300, 100%, 50%)	Lyserød
lilla		rgb(128; 0; 128)	#800080	hsl(300, 100 %, 25 %)	Violet

Dette er et eksempel på brugen af ​​farvenavne, farvenavnene er taget fra den udvidede tabel.

Sådan fungerer denne kode:

Indstilling af farve ved hjælp af RGB

RGB - additiv farve model. På engelsk sprog tilføjelse- tilføjelse. RGB er en forkortelse af de engelske ord: Red, Green, Blue - red, green, blue). Fra dette er det klart, at i RGB-modellen syntetiseres farver ved at tilføje tre farver(rød, grøn, blå) i forskellige mængder.

Blander rød, grøn og blå farver du kan få flere millioner nuancer. Alle mulige kombinationer er gemt i computerens hukommelse.

Kom til sagen.

For at indstille egenskaber i dette format skal du bruge notationen rgb(r, g, b) , hvor r, g, b er de tre kanaler for hver farve (rød, grøn, blå). Værdier for hver kanal er indstillet i området fra 0 til 255.

Eksempel kode.

For at gøre alt klart, her er et kodeeksempel:

Sådan skal dette eksempel fungere:

Fig.1. Farver i RGB.

Forklaringer for eksempel.

I begyndelsen af ​​siden opretter vi klassen div.rgb, den er nødvendig for blokke oprettet af tagget