Pastelfarvekoder. Farve i stilarter kan angives på forskellige måder: ved hexadecimal værdi, ved navn, i RGB, RGBA, HSL, HSLA-format
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 navne, hexadecimal kode, RGB, HSL værdier og beskrivelse.
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 farve ved at bruge de røde, grønne og blå værdier i decimaler. 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!
Resultatet af dette eksempel er vist i fig. 2.
Ris. 2. Farver på websiden
Som du ved, kan farve påvirke en persons tilstand: både mental og fysisk. Hver dag, mens de surfer på websteder på internettet, vurderer øjnene millioner af farver og nuancer. En webdesigner, der er bekendt med farvernes psykologi, kan manipulere den besøgendes humør for at nå bestemte mål.
Dette skyldes det faktum, at nogle nuancer beroliger, og nogle tværtimod ophidser. Dernæst vil vi tale om, hvordan farve syntetiseres og vises ved hjælp af computerteknologi.
RGB er en farvemodel, der repræsenterer en metode til at opnå alle farver og deres nuancer ved at blande tre hovedkomponenter i forskellige proportioner, som er:
- Rød farve ( Rød);
- grøn farve ( Grøn);
- blå farve ( Blå).
Det er her det forkortede navn RGB kommer fra. Disse farver blev valgt som de vigtigste af en grund: Årsagen er fysiologien af nethinden i det menneskelige øje, og hvordan det opfatter dem:
RGB-modellen er fortsat den mest populære i dag og bruges til at gengive farver på tv-skærme og computerskærme. Da producenterne udstyrer deres produkter med forskellige egenskaber, blev der i 1996 skabt et samlet RGB-baseret farvesyntesesystem kaldet sRGB, som Microsoft og HP arbejdede sammen om.
Numerisk gengivelse af farve
Som tidligere nævnt dannes RGB-farver ved at blande primærfarver. For at beskrive intensiteten af hver af dem blev der vedtaget et skema, hvor farve er repræsenteret af området 0-255 (8 bit), som i hexadecimal notation svarer til 00-FF.
Det vil sige, at de primære farver ser sådan ud:
- Rød – RGB (255,0,0);
- Grøn – RGB (0,255,0);
- Blå – RGB (0,0,255);
Hvis farveintensiteten tager værdier mindre end 255, opnås forskellige nuancer af rød, grøn og blå. Følgende er en tabel over deres gradueringer såvel som de hexadecimale værdier for hver af nuancerne:
RGB farve tabeller
Naturligvis, ud over gradueringer af primære farver, er der blandede, og deres antal er ret stort. Derfor blev der oprettet en tabel med RGB-farver, som præsenterer alle eksisterende nuancer, samt deres navne og numeriske repræsentationer ( i decimal og hexadecimal form).
Du kan se den her. Denne tabel gør livet meget lettere for webdesignere, da du på få sekunder kan finde den nødvendige nuance og finde ud af dens numeriske repræsentation.
Sikker RGB farvepalet
Men på et tidspunkt var der et problem med at vise farver i forskellige browsere, og for at løse det blev den såkaldte "sikre" palet af RGB-farver kompileret, som blev udledt af matematiske beregninger.
Når browseren ikke kan vise en farve korrekt, vil den forsøge at få noget tæt på det, den har brug for ved at blande tilstødende farver, og højst sandsynligt vil resultatet være fuldstændig uacceptabelt:
Ved at bruge RGB-farvekoder fra denne palet kan en webudvikler have ro i sindet med hensyn til visning af farver på siderne på deres hjemmeside, når de ses ved hjælp af forskellige browsere, platforme og skærme. Selvom tabellen over sikre farver i øjeblikket mister sin relevans ( teknologiske fremskridt står stadig ikke stille), når du bruger det, kan du, som de siger, sove roligt.
Guld farve i RGB model
Ordet "guld" blev først brugt i begyndelsen af det 14. århundrede til at beskrive farven på et kemisk grundstof kaldet Aurum - guld. I RGB-modellen er farven guld repræsenteret af følgende numeriske værdier:
- RGB (255, 215, 0) – decimalsystem;
- HEX #FFD700 – hexadecimalt system.
Beige farve i RGB model
Beige farve indtager et ret betydeligt sted i historien, selvom det ikke er det mest udtryksfulde. Mange kulturminder, især antikke skulpturer, blev lavet af fedtsten og fedtsten, som har en beige farvetone. I RGB-modellen har beige følgende numeriske repræsentationer:
- RGB (245, 245, 220) – decimalsystem;
- HEX #F5F5DC – hexadecimalt system.
I dag, især på World Wide Web, er det sjældent at se en så "kedelig" farve. Udviklere foretrækker iørefaldende design ved hjælp af lyse farver. Teknologiske fremskridt gør det muligt at vise et kolossalt antal farver på monitorer, hvilket gør billedet mere realistisk.
God dårlig
Farvekoder i CSS bruges til at angive farver. Typisk bruges farvekoder eller farveværdier til at indstille farven for enten forgrundsfarven på et element (f.eks. tekstfarve, linkfarve) eller baggrundsfarven for et element (baggrundsfarve, blokfarve). De kan også bruges til at ændre farven på en knap, kant, markør, svævemarkering og andre dekorative effekter.
Du kan angive dine farveværdier i forskellige formater. Følgende tabel viser alle mulige formater:
De anførte formater er beskrevet mere detaljeret nedenfor.
CSS-farver - Hex-koder
Hexadecimal farvekode er en sekscifret gengivelse af farve. De første to cifre (RR) repræsenterer den røde værdi, de næste to repræsenterer den grønne værdi (GG), og de sidste to repræsenterer den blå værdi (BB).
CSS-farver - korte hex-koder
Kort hex farvekode er en kortere form for seks-tegns notation. I dette format gentages hvert ciffer for at producere en tilsvarende sekscifret farveværdi. For eksempel: #0F0 bliver #00FF00.
Den hexadecimale værdi kan tages fra enhver grafiksoftware som Adobe Photoshop, Core Draw osv.
Hver hexadecimal farvekode i CSS vil blive indledt af et hash-tegn "#". Nedenfor er eksempler på brug af hexadecimale notationer.
CSS-farver - RGB-værdier
RGB værdi er en farvekode, der indstilles ved hjælp af egenskaben rgb(). Denne egenskab har tre værdier: en hver for rød, grøn og blå. Værdien kan være et heltal, fra 0 til 255, eller en procentdel.
Bemærk: Ikke alle browsere understøtter egenskaben rgb() color, så det anbefales ikke at bruge den.
Nedenfor er et eksempel, der viser flere farver ved hjælp af RGB-værdier.
Farvekode generator
Du kan oprette millioner af farvekoder ved hjælp af vores service.
Browsersikre farver
Nedenfor er en tabel med 216 farver, der er de mest sikre og computeruafhængige. Disse farver i CSS spænder fra 000000 til FFFFFF hexadecimal kode. De er sikre at bruge, fordi de sikrer, at alle computere viser farver korrekt, når de arbejder med 256-farvepaletten.
Tabel over "sikre" farver i CSS | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
#CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
#CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Minecraft koder farver, eller Minecraft koder formatering, tillade enhver spiller at tilføje blomster og formatere tekst på alle mulige måder direkte i Minecraft. Farvekoder fra &0-9 - til &a-f. Tilføj dem før din tekst. Beskeder fra spillere kan indeholde farvekoder, der giver dig mulighed for at tilføje farve til dine sætninger.
Farver og formateringskoder
Et-tegnet (&) efterfulgt af et hexadecimalt tal i meddelelser signalerer, at klienten skal skifte farver, når tekst vises. Derudover kan tekst formateres med et & efterfulgt af et bogstav. Du kan tilføje forskellige farver til bøger, kommandoblokke, servernavn, serverbeskrivelse (motd), verdensnavne, skilte og endda spillernavne.
Det er meget nemt at formatere din tekst i konfigurationer eller i spil ved at bruge farvekortet nedenfor. &r bruges til at nulstille alle koder, dvs. &mAAA&rBBB vil blive vist som AAA BBB.
Vi præsenterer en tabel over eksisterende farvekoder i Minecraft for din bekvemmelighed:
Kode | Navn | Teknisk navn | Symbol farve | Symbol skygge farve | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Sort | sort | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Mørkeblå | mørkeblå | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Mørkegrøn | mørkegrøn | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Mørke blå-grøn | dark_aqua | 0 | 170 | 170 | 00 AAA | 0 | 42 | 42 | 002A2A |
&4 | Mørkerød | mørkerød | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Mørke lilla | mørke lilla | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Guld | guld | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Grå | grå | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Mørkegrå | mørkegrå | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Blå | blå | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&en | Grøn | grøn | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Blågrøn | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | Rød | rød | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Lys lilla | lys lilla | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Gul | gul | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | hvid | hvid | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Nogle gange er det nødvendigt understrege, strege over, fremhæve enhver tekst. Dette gøres ved hjælp af tekstformatering. Det bruges på nøjagtig samme måde som farver (vi sætter før teksten kode, for eksempel &lMinecraft = Minecraft.
For nemheds skyld er der en tabel med formateringskoder nedenfor:
Kode | Navn |
---|---|
&k | Magisk tekst |
&l | Miniaturebillede |
&m | Gennemstreget tekst |
&n | Understreget tekst |
&o | Kursiv tekst |
&r | Tekst uden formatering |
Vlad Merzhevich
I HTML angives farve på en af to måder: ved hjælp af hexadecimal kode og ved navn på bestemte farver. Metoden baseret på det hexadecimale talsystem er overvejende brugt, da den er 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 decimale 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 svarer tallet 255 i decimal 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 danner farven hvid.
For at gøre det nemmere at navigere i hexadecimale farver, skal du tage højde for nogle regler.
- Hvis værdierne for farvekomponenterne er de samme (for eksempel: #D6D6D6), vil resultatet være en grå nuance. Jo højere tal, jo lysere farve, 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. Til dette formål er en grafisk editor, der kan arbejde med forskellige farvemodeller, for eksempel Adobe Photoshop, velegnet. 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 farver i Photoshop
Web farver
Hvis du indstiller skærmens farvegengivelseskvalitet til 8 bit (256 farver), så kan den samme farve vises forskelligt i forskellige browsere. 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 øjeblikket er relevansen af webfarver 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.
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 .