Mint farge i photoshop nummer. Farger i stiler kan spesifiseres på forskjellige måter: med heksadesimal verdi, etter navn, i RGB, RGBA, HSL, HSLA-format. Bruker RGB

CSS-fargemodulen beskriver verdier som lar forfattere definere fargene og opasiteten til html-elementer, så vel som verdiene til fargeegenskapen.

fargeegenskap

1. Prioriterte farger: fargeegenskap

Egenskapen spesifiserer skriftfargen ved hjelp av ulike fargegjengivelsessystemer. Egenskapen beskriver fargen på elementets tekstinnhold. I tillegg brukes den til å gi en potensiell indirekte verdi (currentColor) for alle andre egenskaper som aksepterer fargeverdier.

Eiendommen går i arv.

2. Fargeverdier

2.1. Hovednøkkelord

Listen over hovednøkkelord inkluderer følgende betydninger:

Fargenavn skiller ikke mellom store og små bokstaver.

Syntaks

Farge: blågrønn;

2.2. Numeriske fargeverdier

2.2.1. RGB-modellfarger

Det heksadesimale formatet til en RGB-verdi er et #-tegn umiddelbart etterfulgt av tre eller seks heksadesimale tegn. Den tresifrede RGB-notasjonen #rgb konverteres til den sekssifrede formen #rrggbb ved å kopiere sifrene i stedet for å legge til nuller. For eksempel utvides #fb0 til #ffbb00 . Dette sikrer at hvit #ffffff kan spesifiseres i den korte #fff-oppføringen, og fjerner eventuelle avhengigheter av skjermfargedybde.

Formatet til en RGB-verdi i funksjonell notasjon er rgb (etterfulgt av en kommadelt liste med tre numeriske verdier (enten tre heltallsverdier eller tre prosentverdier) etterfulgt av et symbol). Heltallsverdien 255 tilsvarer 100 % og F eller FF i heksadesimal notasjon:

Rgb(255 255 255) = rgb(100 %, 100 %, 100 %) = #FFF

Mellomromstegn er tillatt rundt numeriske verdier.

Det er flere måter å representere farger på i webdesign.

HEX er et heksadesimalt fargerepresentasjonssystem basert på grunntall 16. For dette systemet brukes arabiske desimalsiffer fra 0 til 9 og latinske bokstaver fra A til F for å komplementere det digitale tallet til 16. For webdesign, 16 primære (nøkkel) farger brukes, den såkalte heksadesimale fargekoden #RRGGBB, hvor hvert par er ansvarlig for sin andel av fargen: RR – rød, GG – grønn og BB – blå. Hver fargefraksjon varierer fra 00 til FF.

To andre representasjoner av farger i webdesign er: i form av RGB(*,*,*), der hver "*"-brøkdel av en farge er representert med desimalsiffer fra 0 til 255 og med fargenavn på engelsk.

Når du lager et fargebilde, er hovedproblemet riktig gjengivelse av farger på forskjellige typer datamaskiner, skjermer og nettlesere. Hvis nettleseren ikke kan vise en farge riktig, velger den en lignende eller blander flere farger. Og noen ganger kan den erstattes med en helt annen farge.

Bord 16 primærfarger, som brukes i alle nettlesere

Bord lilla farger og nyanser

Bord grå farger og nyanser

HTML-farger er angitt med seks tegn etter skråstrek - for eksempel #000000. Disse seks symbolene representerer proporsjonene til de forskjellige fargene (rød, grønn, blå) i den endelige fargen. På dataskjermen din er bildet dannet av et stort antall punkter kalt piksler. Hver piksel er en liten lyskilde, la oss kalle den en «lommelykt», som igjen består av tre lommelykter – røde, grønne og blå. Ved å redusere eller øke intensiteten av gløden til individuelle fargede lommelykter, oppnår vi ønsket farge.

HTML fargekoder

Farger i HTML er representert med en heksadesimal (HEX) notasjon av rød, blå og grønn (RGB).

Den minste fargeverdien er 0 (heksadesimal 00). Den høyeste fargeverdien er 255 (hex FF).

Den heksadesimale fargeverdien er tre sifre som begynner med #-tegnet.

Fargekoder (betydninger)

16 millioner nyanser

Å kombinere rødt, blått og grønt med verdier fra 0 til 255 for prosentandelen av hver farge resulterer i totalt over 16 millioner nyanser (256 x 256 x 256).

De fleste moderne skjermer er i stand til å vise minst 16 384 forskjellige nyanser (LCD-skjermer er generelt i stand til å vise 262 tusen 16 millioner (oppdatert oktober 2013) farger, og CRT-skjermer kan vise et praktisk talt ubegrenset antall farger).

Fargetabellen nedenfor viser endringen i andelen rødt fra 0 til 255 med nullverdier for blått og grønt:

Nyanser av grå

For å få nyanser av grått, brukes like deler av alle farger. For å gjøre det lettere for deg å velge riktig farge, gir vi deg grå nyansekoder

Kryss-nettlesere (alle nettlesere) html fargenavn

En samling av 150 fargenavn i html, støttet i alle nettlesere.

Standardiserte fargenavn

W3C viser 16 gyldige fargenavn for HTML og CSS: aqua, svart, blå, fuchsia, grå, grønn, lime, rødbrun (kastanje), marine (ultramarin), oliven (oliven), lilla (lilla), rød (rød) , sølv (sølv), blågrønn (grå), hvit (hvit) og gul (gul).

Når du bruker farger som ikke er inkludert i denne listen, er det mer riktig å bruke deres heksadesimale (HEX) kode eller RGB-kode.

Trygge farger

For flere år siden, da datamaskiner kunne støtte maksimalt 256 forskjellige farger, ble det foreslått en liste med 216 "Web Safe Colors", med 40 farger reservert for systemet.

Denne 216-fargepaletten ble laget for å vise farger på riktig måte i 256-fargers palettmodus.

Nå spiller det ingen rolle fordi de fleste datamaskiner over hele verden støtter millioner av fargenyanser. I alle fall, her er en liste over disse fargene:

Denne siden inneholder en tabell med nøkkelord som kan brukes til å betegne farger på webutviklerspråk som: HTML, CSS, JavaScript, Flash, etc.

I de gamle spesifikasjonene for WC3-konsernet ble det kun spesifisert 16 nøkkelord, ved hjelp av hvilke farger ble satt i HTML og CSS. I ytterligere, mer moderne spesifikasjoner, ble ytterligere 130 nøkkelord lagt til for å indikere fargenavn. Følgende tabell inneholder fargenavnene og hex- og RGB-kodene de tilsvarer.

I henhold til CSS-reglene er ikke fargenavn sensitive for store og små bokstaver. Fargeoppføringene IndianRed og indianred er likeverdige.

Det er også verdt å merke seg at av de 146 søkeordene i tabellen er det faktisk færre farger i den. Dette er fordi noen søkeord refererer til samme farge. Dermed representerer navnene Grå og Grå den 50 % grå fargekoden #808080, og ordet Magenta er et synonym for HTML-fargen Fuchsia, tilsvarende den heksadesimale koden #FF00FF. Synonyme er også ordene Aqua og Cyan, de tilsvarer koden #00FFFF.

Heksadesimale tall brukes til å spesifisere farger. Det heksadesimale systemet, i motsetning til desimalsystemet, er, som navnet antyder, basert 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. Tall fra 10 til 15 erstattes av latinske bokstaver. Tall større enn 15 i det heksadesimale systemet dannes ved å kombinere to tall til ett. For eksempel tilsvarer tallet 255 i desimal tallet FF i heksadesimalt. For å unngå forvirring ved å bestemme tallsystemet, plasseres et hash-symbol # foran det heksadesimale tallet, for eksempel #666999. Hver av de tre fargene - rød, grønn og blå - kan ha verdier fra 00 til FF. Dermed er fargesymbolet delt inn i tre komponenter #rrggbb, der de to første symbolene indikerer den røde komponenten i fargen, de to midterste - grønn, og de to siste - blå. Det er lov å bruke den forkortede formen #rgb, hvor hvert tegn skal dobles. Dermed bør oppføringen #fe0 betraktes som #ffee00.

Ved navn

Nettlesere støtter enkelte farger etter navn. I tabellen 1 viser navn, heksadesimal kode, RGB, HSL verdier og beskrivelse.

Bruker RGB

Du kan definere farge ved å bruke de røde, grønne og blå verdiene i desimaler. Hver av de tre fargekomponentene har en verdi fra 0 til 255. Det er også tillatt å spesifisere fargen i prosent, med 100 % tilsvarende tallet 255. Angi først nøkkelordet rgb, og spesifiser deretter fargekomponentene i parentes , atskilt med kommaer, for eksempel rgb(255 , 128, 128) eller rgb(100 %, 50 %, 50 %).

RGBA

RGBA-formatet ligner syntaks på RGB, men inkluderer en alfakanal som spesifiserer gjennomsiktigheten til elementet. En verdi på 0 er helt gjennomsiktig, 1 er ugjennomsiktig, og en mellomverdi som 0,5 er halvgjennomsiktig.

RGBA ble lagt til CSS3, så CSS-koden må valideres mot denne versjonen. Det skal bemerkes at CSS3-standarden fortsatt er under utvikling og noen funksjoner kan endres. For eksempel valideres en farge i RGB-format som er lagt til bakgrunnsfargeegenskapen, men en farge som legges til bakgrunnsegenskapen er ikke lenger gyldig. Samtidig forstår nettlesere helt riktig fargen for begge egenskapene.

HSL

Navnet på HSL-formatet er avledet fra kombinasjonen av de første bokstavene Hue (hue), Saturate (metning) og Lightness (lightness). Hue er fargeverdien på fargehjulet (fig. 1) og er gitt i grader. 0° tilsvarer rødt, 120° til grønt og 240° til blått. Fargeverdien kan variere fra 0 til 359.

Ris. 1. Fargehjul

Metning er intensiteten til en farge og måles som en prosentandel fra 0 % til 100 %. En verdi på 0 % indikerer ingen farge og en grå nyanse, 100 % er maksimumsverdien for metning.

Lyshet angir hvor lys fargen er og angis som en prosentandel fra 0 % til 100 %. Lave verdier gjør fargen mørkere, og høye verdier gjør fargen lysere; ekstreme verdier på 0% og 100% tilsvarer svart og hvitt.

HSLA

HSLA-formatet ligner syntaks på HSL, men inkluderer en alfakanal for å spesifisere elementets gjennomsiktighet. En verdi på 0 er helt gjennomsiktig, 1 er ugjennomsiktig, og en mellomverdi som 0,5 er halvgjennomsiktig.

RGBA-, HSL- og HSLA-fargeverdier legges til CSS3, så sjekk koden din for versjonsgyldighet når du bruker disse formatene.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Advarsel

Alle løvefangstmetoder som er oppført på nettstedet er teoretiske og basert på beregningsmetoder. Forfatterne garanterer ikke din sikkerhet når du bruker dem og fraskriver seg ethvert ansvar for resultatene. Husk at en løve er et rovdyr og et farlig dyr!

Resultatet av dette eksemplet er vist i fig. 2.

Ris. 2. Farger på nettsiden