Stiilide värve saab määrata erineval viisil: kuueteistkümnendsüsteemi väärtuse järgi, nime järgi, RGB, RGBA, HSL, HSLA formaadis. Stiilide värve saab määrata erineval viisil: kuueteistkümnendsüsteemi väärtuse järgi, nime järgi, RGB, RGBA, HSL, HSLA formaadis.

Värvide määramiseks kasutatakse kuueteistkümnendarvu. Kuueteistkümnendsüsteem, erinevalt kümnendsüsteemist, põhineb, nagu nimigi ütleb, arvul 16. Arvud on järgmised: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Numbrid 10 kuni 15 asendatakse ladina tähtedega. Arvud, mis on suuremad kui 15 kuueteistkümnendsüsteemis, saadakse kahe arvu ühendamisel üheks. Näiteks number 255 tolli kümnendsüsteem vastab arvule FF kuueteistkümnendsüsteemis. Et vältida segadust numbrisüsteemi määramisel, asetatakse kuueteistkümnendsüsteemi ette räsimärk #, näiteks #666999. Kõik kolm värvi - punane, roheline ja sinine - võivad võtta väärtusi vahemikus 00 kuni FF. Seega on värvisümbol jagatud kolmeks komponendiks #rrggbb, kus kaks esimest sümbolit tähistavad värvi punast komponenti, kaks keskmist - rohelist ja kaks viimast - sinist. Lubatud on kasutada lühendatud vormi #rgb, kus iga märk tuleks kahekordistada. Seega tuleks kirjet #fe0 käsitleda kui #ffee00.

Nimepidi

Brauserid toetavad mõnda värvi nende nime järgi. Tabelis 1 näitab nimesid, kuueteistkümnendkoodi, RGB, HSL väärtusi ja kirjeldust.

RGB kasutamine

Saate määrata värvi punase, rohelise ja sinise kümnendkoha väärtuste abil. Iga kolme värvikomponendi väärtus on vahemikus 0 kuni 255. Samuti on lubatud määrata värv protsendina, kusjuures 100% vastab arvule 255. Esmalt määrake rgb märksõna ja seejärel sulgudes värvikomponendid. , eraldades komadega, näiteks rgb(255 , 128, 128) või rgb(100%, 50%, 50%).

RGBA

RGBA-vorming on süntaksilt sarnane RGB-ga, kuid sisaldab alfakanalit, mis määrab elemendi läbipaistvuse. Väärtus 0 on täiesti läbipaistev, 1 on läbipaistmatu ja vaheväärtus nagu 0,5 - läbipaistvus.

RGBA lisati CSS3-le, seega tuleb CSS-kood selle versiooni suhtes valideerida. Tuleb märkida, et CSS3 standard on alles väljatöötamisel ja mõned funktsioonid võivad muutuda. Näiteks taustavärvi atribuudile lisatud RGB-vormingus värv valideeritakse, kuid tausta atribuudile lisatud värv ei kehti enam. Samal ajal saavad brauserid mõlema atribuudi värvist üsna õigesti aru.

HSL

HSL-vormingu nimi on tuletatud esimeste tähtede kombinatsioonist Hue (toon), Saturate (küllastus) ja Lightness (heledus). Toon on värviväärtus värvirattal (joonis 1) ja see on antud kraadides. 0° vastab punasele, 120° rohelisele ja 240° sinisele. Tooni väärtus võib varieeruda vahemikus 0 kuni 359.

Riis. 1. Värviratas

Küllastus on värvi intensiivsus ja seda mõõdetakse protsendina vahemikus 0% kuni 100%. Väärtus 0% näitab värvi puudumist ja halli varjundit, 100% on küllastuse maksimaalne väärtus.

Heledus määrab, kui hele on värv ja määratakse protsendina vahemikus 0% kuni 100%. Madalad väärtused muudavad värvi tumedamaks ja suured väärtused muudavad värvi heledamaks äärmuslikud väärtused 0% ja 100% vastavad mustvalgele.

HSLA

HSLA-vorming on süntaksilt sarnane HSL-iga, kuid sisaldab alfakanalit, mis määrab elemendi läbipaistvuse. Väärtus 0 on täielikult läbipaistev, 1 on läbipaistmatu ja vahepealne väärtus, näiteks 0,5, on poolläbipaistev.

RGBA, HSL ja HSLA värviväärtused lisatakse CSS3-le, seega kontrollige nende vormingute kasutamisel oma koodi versiooni kehtivust.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Hoiatus

Kõik saidil loetletud lõvide püüdmise meetodid on teoreetilised ja põhinevad arvutusmeetoditel. Autorid ei taga teie ohutust nende kasutamisel ega võta vastutust tulemuste eest. Pidage meeles, et lõvi on kiskja ja ohtlik loom!

Tulemus see näide näidatud joonisel fig. 2.

Riis. 2. Värvid veebilehel

HTML-i värvid on tähistatud kuue märgiga pärast kaldkriipsu – näiteks #000000. Need kuus sümbolit tähistavad erinevate värvide (punane, roheline, sinine) proportsioone lõppvärvis. Teie arvutimonitoril moodustub pilt tohutust arvust punktidest, mida nimetatakse piksliteks. Iga piksel on väike valgusallikas, nimetagem seda "taskulambiks", mis omakorda koosneb kolmest taskulambist – punasest, rohelisest ja sinisest. Üksikute värviliste taskulampide sära intensiivsust vähendades või suurendades saame soovitud värvi.

HTML värvikoodid

HTML-i värvid on esindatud punase, sinise ja rohelise (RGB) kuueteistkümnendsüsteemi (HEX) tähistusega.

Väikseim värviväärtus on 0 (kuueteistkümnendsüsteem 00). Suurim värviväärtus on 255 (hex FF).

Kuueteistkümnendsüsteemi värvi väärtus on kolm numbrit, mis algavad # märgiga.

Värvikoodid (tähendused)

16 miljonit tooni

Punase, sinise ja rohelise kombineerimine väärtustega vahemikus 0 kuni 255 iga värvi protsendi jaoks annab tulemuseks kokku üle 16 miljoni tooni (256 x 256 x 256).

Enamik kaasaegseid monitore on võimelised kuvama vähemalt 16 384 erinevat tooni (LCD monitorid on üldiselt võimelised kuvama 262 tuhat 16 miljonit (värskendatud oktoober 2013) värvid ja CRT-kuvarid suudavad kuvada praktiliselt piiramatul hulgal värve).

Allolev värvitabel näitab punase osakaalu muutust 0-lt 255-le, sinise ja rohelise nullväärtusega:

Halli varjundid

Hallide varjundite saamiseks kasutatakse kõiki värve võrdsetes osades. Et teil oleks lihtsam õiget värvi valida, anname teile halli tooni koodid

Brauseriülesed (kõik brauserid) html-värvinimed

150 värvinime kogumik html-vormingus, mida toetavad kõik brauserid.

Standardiseeritud värvinimed

W3C loetleb HTML-i ja CSS-i jaoks 16 kehtivat värvinime: vesi, must, sinine, fuksia, hall, roheline, laim, maroon (kastan), tumesinine (ultramariin), oliiv (oliiv), lilla (lilla), punane (punane) , hõbedane (hõbe), sinakassinine (hall), valge (valge) ja kollane (kollane).

Kui kasutate värve, mida selles loendis ei ole, on õigem kasutada nende kuueteistkümnendkoodi (HEX) või RGB-koodi.

Ohutud värvid

Mitu aastat tagasi, kui arvutid suutsid toetada maksimaalselt 256 erinevat värvi, pakuti välja 216 veebiturvalise värvi loend, milles süsteemi jaoks oli reserveeritud 40 värvi.

See 216-värvipalett loodi värvide õigeks kuvamiseks 256-värvipaleti režiimis.

Nüüd pole sellel tähtsust, sest enamik arvuteid üle maailma toetab miljoneid värvitoone. Igal juhul on siin nende värvide loend:

Värvide tabel (palett) html annab võimaluse iseseisvalt valida endale vajalik toon. Värviväärtust kuvatakse kolmes vormingus: Hex, RGB ja HSV.

• Hex koosneb kolmest kahekohalisest väärtusest kuueteistkümnendsüsteemis. Näiteks: #ff00b3, kus esimene numbripaar on punane, teine ​​on roheline ja kolmas on sinine.
• RGB (RedGreenBlue) kuju on "200 100 255", mis näitab vastava tooni (punane, roheline, sinine) kogust saadud värvis.
• HSV (toon, küllastus, väärtus – toon, küllastus, väärtus) – värvi mudel, mille koordinaadid on:
  • Toon – värvitoon, võib varieeruda 0° kuni 360°.
  • Küllastus – küllastus, varieerub vahemikus 0-100 või 0-1. Mida kõrgem on see parameeter, seda puhtam on värv, mistõttu seda parameetrit nimetatakse mõnikord ka värvi puhtuseks. Ja mida lähemal on see parameeter nullile, seda lähemal on värv neutraalhallile.
  • Väärtus (värviväärtus) - määrab heleduse, väärtus võib varieeruda ka vahemikus 0-100 või 0-1.

Sisesta värvikood: MINNA

Värvide loetelu koos nimedega

Tabelis on loetletud värvide nimed inglise keel(mida saab kasutada väärtustena), mida toetavad kõik brauserid, ja nende kuueteistkümnendsüsteemi väärtused. Kõik loetletud värvid on "ohutud", mis tähendab, et need kuvatakse kõigis brauserites ühesugustena.

Värvide määramiseks kasutatakse CSS-i värvikoode. Tavaliselt kasutatakse värvikoode või värviväärtusi elemendi esiplaani värvi (nt teksti värv, lingi värv) või elemendi taustavärvi (taustavärv, ploki värv) värvi määramiseks. Neid saab kasutada ka nupu, äärise, markeri, hõljutuse ja muude dekoratiivsete efektide värvi muutmiseks.

Saate määrata oma värviväärtused erinevates vormingutes. Järgmises tabelis on loetletud kõik võimalikud vormingud:

Loetletud vorminguid kirjeldatakse üksikasjalikumalt allpool.

CSS-värvid – kuueteistkümnendkoodid

Kuueteistkümnendsüsteemi värvikood on värvi kuuekohaline esitus. Esimesed kaks numbrit (RR) tähistavad punast väärtust, kaks järgmist tähistavad rohelist väärtust (GG) ja kaks viimast tähistavad sinist väärtust (BB).

CSS-värvid – lühikesed kuueteistkümnendkoodid

Lühike hex värvikood on kuuekohalise märgistuse lühem vorm. Selles vormingus korratakse iga numbrit samaväärse kuuekohalise värviväärtuse saamiseks. Näiteks: #0F0 muutub #00FF00.

Kuueteistkümnendsüsteemi väärtuse saab võtta mis tahes graafikult tarkvara, nagu näiteks Adobe Photoshop, Core Draw jne.

Igale CSS-i kuueteistkümnendsüsteemi värvikoodile eelneb räsimärk "#". Allpool on näited kuueteistkümnendsüsteemi tähistuste kasutamisest.

CSS-värvid – RGB väärtused

RGB väärtus on värvikood, mis määratakse atribuudi rgb() abil. Sellel atribuudil on kolm väärtust: üks punase, rohelise ja sinise jaoks. Väärtus võib olla täisarv vahemikus 0 kuni 255 või protsent.

Märge: Kõik brauserid ei toeta värviomadust rgb(), seega pole soovitatav seda kasutada.

Allpool on näide, mis näitab mitut värvi, kasutades RGB väärtusi.

Värvikoodi generaator

Meie teenuse abil saate luua miljoneid värvikoode.

Brauseri turvalised värvid

Allpool on tabel 216 värviga, mis on kõige turvalisemad ja arvutist sõltumatumad. Need CSS-i värvid on vahemikus 000 000 kuni FFFFFF kuueteistkümnendkoodini. Neid on ohutu kasutada, kuna need tagavad, et 256 värvipaletiga töötades kuvavad kõik arvutid värve õigesti.

Moodul CSS-i värv kirjeldab üksikasjalikult väärtusi, mis võimaldavad autoritel määratleda html-elementide värve ja läbipaistmatust, samuti värviomaduse väärtusi.

värvi omadus

1. Prioriteetsed värvid: värviomadus

Atribuut määrab fondi värvi kasutades erinevaid süsteeme värviedastus. Atribuut kirjeldab elemendi teksti sisu värvi. Lisaks kasutatakse seda võimaliku kaudse väärtuse (currentColor) pakkumiseks kõikidele muudele värviväärtusi aktsepteerivatele omadustele.

Kinnistu on päritud.

2. Värviväärtused

2.1. Peamised märksõnad

Peamiste loend märksõnad sisaldab järgmisi väärtusi:

Värvinimed ei ole tõstutundlikud.

Süntaks

Värv: sinine;

2.2. Numbrilised värviväärtused

2.2.1. RGB mudeli värvid

RGB-väärtuse kuueteistkümnendvormingus on # märk, millele järgneb kohe kolm või kuus kuueteistkümnendmärki. Kolmekohaline RGB-tähis #rgb teisendatakse kuuekohaliseks vormiks #rrggbb, kopeerides numbrid, mitte lisades nullid. Näiteks #fb0 laieneb #ffbb00-ks. See tagab, et valge #ffffff saab määrata lühikeses #ffff kirjes, ja eemaldab kõik sõltuvused ekraani värvisügavusest.

RGB väärtuse vorming funktsionaalses tähistuses on rgb(, millele järgneb komadega eraldatud loend kolmest arvväärtusest (kas kolm täisarvu või kolm väärtust protsentuaalsed väärtused), millele järgneb sümbol) . Täisarv 255 vastab 100% ja F või FF kuueteistkümnendsüsteemis:

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

Numbriväärtuste ümber on lubatud tühikud.