Iimpawu zobume beCSS. Amakhodi emibala

Esinye isixhobo sokutshintsha iifayile zamaphepha ewebhu ngumbala weCSS. Kukho iindlela ezininzi zokutshintsha oku kulungiselelwa. Ngamnye unamathuba omabini kunye neengxaki.

Isihloko

Umbala wemibala ichaza umbala wequmrhu. Kwi-CSS, izihloko ezili-145 zifakiwe. Phakathi kwazo zilula (umzekelo omnyama, ohlaza okwesibhakabhaka) kunye nobunzima (umzekelo umfowuni, umgca wokhuseleko).

Ekubeni lonke uluhlu lukhuni ukukhumbuza, amagama ekutshintshi isitifiketi ayisoloko esetyenziswa.

RGB

Uninzi lweTV, i-smartphones, iliso lisebenza kunye nomzekelo wembala weRGB. Oko kukuthi, nayiphi na umthunzi ungasetwa ngumdibaniso wemibala ephambili, equka obomvu, obuluhlaza kunye nobuluhlaza. . Le ndlela isetyenziswe kokubili kwizixhobo nakwiCSS . основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Imibala yesakhiwo esisiseko sithatha ixabiso ukusuka ku-0 ukuya ku-255. Yaye inani lezinto ezibonakalayo zingu-16777216.

Ekubeni umzekelo we-RGB uhambelana ngqo nemithetho yomzimba yomboniso wemibala, abamnyama bachazwa kuyo njenge-rgb (0, 0, 0), umhlophe ngumgqomo (255, 255, 255). Inkqubo ye-RGBA ihambelana ngokupheleleyo ne-RGB, kuphela ngokufakelwa kwesitya se-alpha. Ichaphazela ukukhanya odibanisa i-hue kunye nemvelaphi. Kule meko, uhlobo lwento luyahlukahluka ngokuxhomekeke kwi "substrate".

HSL

Ukuqonda indlela inkqubo ye-HLS isebenza ngayo, kufuneka unikezele ngesondo lombala. Kwinqanaba lalo libomvu, ngoko (ekuhambeni kwelanga) zonke ezinye iintlobo ze-rainbow. цвета при помощи системы HLS требуется задать три параметра: Ukuchaza umbala kwiCSS usebenzisa inkqubo ye-HLS, kufuneka uchaze iiparitha ezintathu:

• Tint (ngo-degrees) - isikhokelo esivela kwisibini sesangqa;
• Ukuzaliswa (ngeepesenti) yimalini imfuneko yombala;
• Ukukhanya (ngeepesenti).

Umzekelo, i-violet ingachazwa ngale ndlela: hsl (315, 100%, 45%). I-HSL inokulungelelanisa iimvavanyo. Emva kokuba ufunde isondo lombala, unokucinga ukuba, ngelixa ukhangele ishidi lesimboli, yintoni umbala obelwe ethile into. I-HSLA - i-HLS efanayo, kuphela nge-channel yesalathisi: hsl (0, 100%, 50, 0.6) - obomvu, obala ngaphaya kwesigamu.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Kwi- CSS, imibala ingacaciswa ngokusebenzisa ukumelwa kwe-hexadecimal, umzekelo, i-orange ithathwe ngexabiso # FF4500 .

Ukuqonda okungcono ukuba yintoni ummeli we-hexadecimal, kubalulekile ukuba ungene kwi-decimal system. Inamanani ukusuka ku-0 ukuya ku-9. Xa ufuna inombolo engaphezu kwe-9, ungeze enye enye, kwaye ufumana i-10, ibe yinye i-100, njalo njalo.Inkqubo ye-hexadecimal, yonke into iyafana, kodwa emva kwayo iya ku-A, Emva koko B kwaye njalo ku-F kufana ne-15 kwindlela yokugqibela. Emva koko enye yongezwa, kwaye sifumana i-10, elingana no-16 kwi-calculus evamile.

Njengoko ku-RGB, i-shades kwi-HEX ibonisa ukuba yeyiphi imibala yokusebenzisa imibala ephambili. Akwahlulelwanga ngama-commas (umbala: # FFD500). Abalinganiswa bobabini bachaza inani elibomvu, eliluhlaza kunye neluhlaza okwesibhakabhaka.

CSS. Njengomgaqo, inkqubo ye-HEX ayisetyenziswanga ngexesha lovavanyo, njengoko akunakwenzeka ukukhetha imibala efunwayo yeCSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Itheyibhile inokukunceda kulo mbandela, kodwa ukuba uhlolisisa rhoqo, umsebenzi uya kulibazisa. Ummeli we-Hexadecimal ulungele ngakumbi xa ushukunyisela i-template kumhleli wesicatshulwa. Emva koko, kulula ukuyikopisha kuyo inombolo enye kuphela, ngaphezu kweyintathu.

Yiyiphi indlela efanelekileyo?

Kule akhawunti, akukho nto ingacacisiwe. Ukuba izinto ze-interface zifuna ukukhanya, khetha phakathi kwe-RGBA kunye ne-HSLA. Ukuba ufuna ukuzama kwisiphequluli, isondo lemibala ye-HLS iya kuba yinto efanelekileyo kakhulu. Ukuba usebenzisa i-palette okanye udlulise uyilo oluvela kwi-Photoshop, kufuneka ukhethe amakhodi ombala we-CSS ye-hexadecimal.