Rød farvekode er rgb. Farve i stilarter kan angives på forskellige måder: ved hexadecimal værdi, ved navn, i RGB, RGBA, HSL, HSLA-format
Farve ind CSS sprog kan indstilles forskellige veje:
- ved navn,
- efter 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. Denne tabel indeholder nogle nøgleord (engelske farvenavne), der bruges til at indstille farveegenskaber, RGB-kode, hexadecimal kode(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ærdierne 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:
![](https://i2.wp.com/komotoz.ru/uroki/css/images/edinicy_izmereniya_v_css_1.jpg)
Forklaringer for eksempel.
I begyndelsen af siden opretter vi div.rgb-klassen, den er nødvendig for blokke oprettet af tagget
Dernæst sætter vi i koden blokens baggrundsfarve
Prøv at redigere dette eksempel og specificere dine egne værdier, for eksempel rgb(100, 100, 100) .
Indstilling af farve ved hjælp af RGBA
Dukkede op i CSS3 nyt værktøj til arbejde med farve - RGBA-format. Det kan kaldes en udvikling af RGB-modellen, men med tilføjelsen af en ny kanal - A- eller alfa-kanalen. Denne kanal indstiller farvens gennemsigtighed. Dens værdier er indstillet i området fra 0 til 1. En værdi på 0 svarer til fuld gennemsigtighed, 1 - fuld opacitet (farven vil være den samme som den blev specificeret i tre første RGB kanaler), og mellemværdier som 0,4 eller 0,6 - gennemskinnelighed i varierende grad.
Eksempel kode.
Sådan vil det fungere:
Denne kode ligner visuelt den følgende, som bruger RGB-modellen til at angive en farveværdi:
Her er hans resultat:
En alfakanalværdi på nul gør enhver farve usynlig - fuldstændig gennemsigtig, værdien lig med én udsender farve i RGB-kode uden ændringer. Egenskaben rgba(255,0,0,1.0) viser farven rød rgb(255, 0, 0) .
Efter hexadecimal værdi (HEX-kode)
I hverdagen bruger vi decimaltællesystemet. Dens oprindelse er meget enkel - vi har ti fingre på vores hænder, og at tælle på vores fingre har været praktisk i livet. Hvis i decimalsystem ti cifre: fra 0 til 9, og tallet 10 er det næste ciffer, så har det hexadecimale talsystem 16 cifre, og det næste ciffer vil være tallet 16.
For at angive farvekoder bruges almindelige decimalcifre fra 0 til 9 som hexadecimale cifre, og latinske bogstaver fra A til F bruges til at angive tal fra 10 til 15, det vil sige (0, 1, 2, 3, 4, 5 6, 7, 8, 9, A, B, C, D, E, F). For klarhedens skyld, lad os sætte dette i en tabel:
For at skrive hexadecimale tal større end F (15 i decimalsystemet), som i decimalsystemet, bruger de også kombinationen af to cifre, men allerede hexadecimale, hvilket er indlysende. Ja, for ordens skyld decimaltal 255 V hexadecimalt system FF-notation bruges.
Det hexadecimale system er mere forståeligt for computeren, og det behandler værdier sat af hexadecimal værdi hurtigere.
For at angive en farve i hexadecimal, før numerisk værdi du skal sætte et "#" tegn, eksempel: #FFC0CB. Selve værdien #FFC0CB består af tre hexadecimale cifre FF, C0 og CB. Betydningen af denne post er den samme som at indstille farven i RGB-formatet (rgb(r, g, b)) - hvert hexadecimalt ciffer i HEX-koden angiver farvemætningen i dens kanal for RGB-modellen.
Denne kode vil vise følgende elementer:
Og her er et billede med resultatet fra afsnittet "Sæt farve med ved hjælp af RGB" på denne side ovenfor.
![](https://i2.wp.com/komotoz.ru/uroki/css/images/edinicy_izmereniya_v_css_1.jpg)
Vi ser, at farverne er identiske.
En forkortet notation af HEX-farvekoden er tilladt: et 6-cifret tal kan skrives som et 3-cifret tal. Dette er kun gyldigt, når to cifre i farveværdien for én kanal gentages.
Det vil sige, at følgende forkortelse er acceptabel:
For eksempel kan farven #ff22aa skrives som #f2a, eller farven #44aa22 kan skrives som #4a2.
Indstilling af farve ved hjælp af HSL
Dukkede op i CSS3 nyt format for at angive farve.
HSL-formatet er en forkortelse for de engelske ord: Hue (hue), Saturate (saturation) og Lightness (lightness).
Hue i HSL er værdien af en farve på en speciel farvehjul(Figur 2), og det er angivet i grader. Hvis vi drager analogier med RGB model, så svarer 0° til rød, 120° svarer til grøn, og 240° svarer til blå.
Farveværdien vil ændre sig i området fra 0 til 359.
![](https://i1.wp.com/komotoz.ru/uroki/css/images/hsl-colors.png)
Den anden værdi - saturation (Saturate) er sat som en procentdel. Ved 100% mætning er farven så "saftig" som muligt, da mætningsindikatoren bevæger sig mod 0%, farven bliver mat og falmer til grå.
Den tredje værdi, Lightness, er også angivet som en procentdel. Jo højere procent, jo lysere bliver farven. De ekstreme værdier på 0% og 100% vil angive henholdsvis sorte (intet lys) og hvide (overeksponerede) farver, og det er ligegyldigt, hvilken farve fra farvehjulet der blev valgt i den første kanal. Den optimale farvelysstyrkeværdi er 50 %.
Indstilling af farve ved hjælp af HSLA
HSLA-formatet er relateret til HSL, ligesom RGB er til RGBA. I HSLA-format, som i RGBA er der tilføjet en alfakanal, som er ansvarlig for farvegennemsigtighed.
Farve angivet i HSL-format er lettere at læse. Vi kan sige, at det er intuitivt. For eksempel kan koden hsl(120,60%,50%) repræsentere den endelige farve, hvis der er et billede af HSL-farvehjulet i hukommelsen. Det samme kan ikke siges om RGB- og HEX-formaterne, farvekoden, der er angivet i disse formater, bliver først tydelig, efter at den er visualiseret på skærmen.
Nye formater i CSS3 (HSL, HSLA og RGBA) fungerer i browsere fra versioner: IE 9.0, Opera 10.0 Firefox 3.0. Hvordan kan jeg få stilarter til at fungere på ældre browsere?
Somebloсk (baggrundsfarve: rgb(255,50,50); baggrundsfarve: rgba(255,50,50,0.85))
Når du bruger denne kode i ældre browsere, vil baggrundsfarven for .somebloсk-klassen, selvom den ikke vil bruge en alfakanal, blive vist i RGB-format.
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æv og andre dekorative effekter.
Du kan indstille dine farveværdier 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.
Hexadecimal værdi kan tages fra enhver grafik software, så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 |
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 med 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. Indgangen #fe0 skal derfor 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 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å muligt at indstille farven som en procentdel, med 100 % svarende til tallet 255. Angiv først søgeord rgb , og derefter er farvekomponenterne angivet 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 mellemværdi gerne 0,5 - gennemskinnelighed.
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 (saturation) 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.
Farveværdier i RGBA-formater, HSL og HSLA er blevet tilføjet til CSS3, så når du bruger disse formater, skal du kontrollere din kode for versionsgyldighed.
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 den hvide farve på papir i forskellige proportioner giver disse tre primærfarver forskellige farvenuancer, bortset fra ren sort, eller i fuldstændig fravær af maling giver de hvid farve 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. |
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.
Eksempler på nogle hexadecimale RGB-farveværdier: gradueringer af rød, blå og grøn.
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ørkcyan | 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 | Navajowhite | 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 |
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.
udsigt | kode | udsigt | kode | udsigt | kode | udsigt | kode | udsigt | kode | udsigt | kode |
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 |