CSS rangi mali. codes rangi

Moja ya zana na mabadiliko ya mitindo ya mtandao - CSS rangi. Kuna njia nyingi za kubadilisha mpangilio huu. Kila ina faida na hasara.

jina

seti ya rangi mali ya rangi ya bidhaa. 145 vivuli ya majina pamoja katika CSS. Kati yao kuna rahisi (kama vile nyeusi, bluu) na tata (kama vile bendera, lawngreen).

Kwa sababu orodha nzima ya ngumu kukumbuka, jina la karatasi style hutumika mara chache.

RGB

Zaidi ya runinga, smartphones, wachunguzi kazi na RGB rangi mfano. Hiyo ni, rangi yoyote inaweza kuweka macho ya rangi ya msingi, ambayo ni ya nyekundu, kijani na bluu. . njia ya sawa hutumika katika vifaa vyote, na katika CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Rangi ni msingi utungaji kuchukua maadili kutoka 0 hadi 255. idadi ya rangi iwezekanavyo ni sawa na 16,777,216.

Kwa kuwa mfano RGB kwa moja na sheria ya kimwili ya upigaji rangi, nyeusi ni maalum humo kama rgb (0, 0, 0), nyeupe - rgb (255, 255, 255). mfumo RGBA sawa kabisa kwa RGB, na kuongeza ya alpha channel. Unaathiri uwazi, ambayo blends na background kivuli. Katika aina hii ya kipengele inatofautiana kulingana na "substrate".

HSL

Ili kuelewa jinsi mfumo HLS, unahitaji kuwasilisha rangi gurudumu. Katika kituo wake ni nyekundu, kisha (clockwise) rangi zote nyingine ya upinde wa mvua. цвета при помощи системы HLS требуется задать три параметра: Kuamua rangi katika CSS kwa kutumia mfumo wa HLS inahitaji vigezo tatu:

• rangi (daraja) - mwelekeo wa kituo cha mduara;
• kueneza (asilimia) - kiasi gani rangi unahitaji,
• mwangaza (katika asilimia).

Kwa mfano, zambarau inaweza kuamua katika njia: HSL (315, 100%, 45%). HSL ni rahisi zaidi kwa majaribio. Baada ya kusoma alama gurudumu, unaweza wakati wa kuangalia XSLT takribani kuwakilisha nini rangi kuweka nyenzo mahsusi. HSLA - sawa HLS, tu na alpha: HSL (0, 100%, 50, 0.6) - nyekundu, uwazi kidogo zaidi ya nusu.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Katika CSS, unaweza kuweka rangi kwa kutumia uwakilishi hexadesimoli, kama vile machungwa imedhamiria kwa thamani # FF4500.

Kwa uelewa mzuri wa nini uwakilishi hexadesimoli, lazima zaidi wanafikiria kuwa mfumo desimali. Ni idadi kuanzia 0 hadi 9. Wakati haja katika kuhesabu idadi kubwa zaidi kuliko 9, kidogo moja ni aliongeza, na hugeuka 10, kisha 100, na kadhalika. E. wote sawa katika nukuu hexadesimoli, lakini ndani yake baada ya 9 ni, kisha B, na kadhalika kwa F - sawa na 15 katika mfumo desimali. Kisha ongeza tarakimu moja, na ni zamu nje 10 ya 16 katika suala kawaida.

Kama ilivyokuwa katika RGB, rangi HEX kuonyesha katika kile idadi ya kutumia rangi ya msingi. Katika hali hii, wao si kutengwa kwa koma (color: # FFD500). Kila herufi mbili kutaja idadi ya nyekundu, kijani na bluu.

CSS. Kama kanuni, HEX mfumo haitumiki wakati wa majaribio, kwa kuwa ni vigumu kupata haki CSS rangi. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. meza inaweza kusaidia katika suala hili, lakini kama mara kwa mara kutaja hayo, kazi itakuwa kuchelewa. Hexadesimoli uwakilishi ni rahisi zaidi wakati template huhamishwa kutoka mhariri graphic. Ni rahisi zaidi kwa nakala kutoka tu tarakimu moja ya zamu tatu.

Njia ambayo ni bora?

Kwa sababu hiyo hatuwezi kusema chochote kwa vitendo. Kama mambo ya interface haja uwazi, kuchagua kati ya RGBA na HSLA. Ukitaka kufanya majaribio katika browser HLS rangi gurudumu itakuwa rahisi zaidi. Kama ni kutumia palette au kuhamisha kubuni na Photoshop, inapaswa kupendelea CSS hexadesimoli codes rangi.