CSS lit eiginleika. lit númer

Eitt af verkfærum til að breyta vefur blaðsíða stíl - CSS Color. Það eru til nokkrar leiðir til að breyta þessari stillingu. Hver hefur bæði kosti og galla.

nafn

Liturinn Eign setur lit hlutarins. 145 sólgleraugu af titlum með í CSS. Meðal þeirra eru einfaldar (eins og svart, blátt) og flókin (td Crimson, lawngreen).

Vegna þess að allt listi erfitt að muna, nafn stíl lak eru notuð sjaldan.

RGB

Flest af sjónvörp, smartphones, fylgist vinna með RGB lit líkan. Það er, hvaða litur er hægt að stilla blöndu af aðal litum, sem eru rauður, grænn og blár. . Svipuð aðferð er notuð í báðum tækjum, og í CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Litir eru helstu samsetningu taka gildi frá 0 til 255. Ýmis mögulegum litum er jafn 16777216.

Þar sem RGB líkanið er í beinum tengslum við líkamlega lögum af lit hugsanlegur, svart er tilgreind í því sem RGB (0, 0, 0), hvít - RGB (255, 255, 255). RGBA kerfi alveg svipað í RGB, með því að bæta við alpha rás. Það hefur áhrif á gagnsæi, sem blandar með bakgrunn skugga. Í þessu formi frumefnis breytileg í samræmi við "undirlag".

HSL

Til að skilja hvernig HLS kerfið, þú þarft að senda lit hjól. Á miðju hennar er rauður, þá (réttsælis) allir aðrir litir regnbogans. цвета при помощи системы HLS требуется задать три параметра: Til að ákvarða liti í CSS með því að nota HLS kerfið krefst þriggja breytur:

• Hue (í gráðum) - átt hringsins miðju;
• mettun (hlutfall) - hversu mikið lit þú þarft;
• birta (í prósentum).

Til dæmis, fjólublár er hægt að ákvarða á þann hátt: HSL (315, 100%, 45%). HSL er mest þægilegt fyrir tilraunir. Eftir að rannsaka lit hjól, getur þú á meðan að horfa á stílblað u.þ.b. tákna hvaða lit að setja sérstaka þáttur. HSLA - sama HLS, aðeins með alpha: HSL (0, 100%, 50, 0,6) - Rauð, gagnsæ örlítið meira en helmingur.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Í CSS er hægt að stilla lit með sextánditölugildi, svo appelsínugult ræðst af verðmæti # FF4500.

Fyrir betri skilning á því hvað sextándutölugildi, ætti frekar að íhuga tugakerfið. Það er tala frá 0 til 9. Þegar þörf á að telja fjölda meiri en 9, einn bita er bætt við, og það kemur í 10, þá 100, og svo framvegis. E. Allur nákvæmlega sú sama í sextánskur merki, en í henni eftir 9 er A, þá B, og svo framvegis til F - það sama og 15 við að tugakerfið. Þá bæta við einni tölu, og það kemur í ljós 10 af 16 í venjulegum kjörum.

Eins og í RGB, HEX liti til að gefa til kynna í hvaða hlutföllum á að nota aðal liti. Í þessu tilfelli, þeir eru ekki aðskilin með kommum (color: # FFD500). Á tveggja stafir tilgreina fjölda rauður, grænn og blár.

CSS. Sem reglu, HEX kerfið er ekki notað á tilraunum, þar sem það er ómögulegt að finna rétta CSS litinn. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Taflan getur hjálpað í þessu máli, en ef þú átt stöðugt að því, að vinna verði frestað. Sextándutölugildi er mest þægilegt þegar sniðmát er flutt úr grafískri ritstjóri. Það er miklu auðveldara að afrita úr henni aðeins einn tölustafur en þrjá snúninga.

Hvaða leið er best?

Á þessum reikningi við getum ekki sagt neitt steypu. Ef þættir tengi þarf gagnsæi, velja á milli RGBA og HSLA. Ef þú vilt gera tilraunir í vafranum HLS lit hjól verður að vera þægilegur. Ef þú ert að nota litatöflu eða flytja hönnun frá Photoshop, ætti frekar CSS sextánskur litakóða.