CSS xim zog. xim codes

Ib tug ntawm cov cuab yeej los mus hloov lub web page yeej - CSS xim. Muaj ob peb txoj kev yuav hloov qhov no. Txhua muaj ob zoo thiab disadvantages.

lub npe

Cov xim tej khoom vaj tse teev cov xim ntawm qhov khoom. 145 ntxoov ntawm lub npe muaj nyob rau hauv lub CSS. Co muaj tej yam yooj yim (xws li dub, xiav) thiab complex (xws li crimson, lawngreen).

Vim hais tias tag nrho daim ntawv ntawm ib qho nyuaj rau nco ntsoov, lub npe ntawm tus style ntawv yog siv tsis tshua.

RGB

Feem ntau ntawm cov TVs, smartphones, saib ua hauj lwm nrog RGB xim qauv. Uas yog, muaj xim muaj peev xwm yuav muab mus rau ib tug ua ke ntawm thawj xim, uas yog xim liab, ntsuab thiab xiav. . Ib tug zoo xws li cov mus kom ze yog siv nyob rau hauv ob qho tib si kiag li lawm, thiab nyob rau hauv lub CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Xim yog yooj yim pes tsawg leeg nqa qhov tseem ceeb ntawm 0 mus 255. Ib tug xov tooj uas tau xim yog sib npaug zos rau 16777216.

Txij li thaum lub RGB qauv yog ncaj qha mus txog rau lub cev cov cai ntawm cov xim duab, dub yog teev nyob rau ntawd raws li lub rgb (0, 0, 0), dawb - rgb (255, 255, 255). RGBA system kiag zoo xws li cov RGB, nrog rau qhov sib ntxiv ntawm lub alpha channel. Nws muaj feem xyuam rau cov transparency, uas blends nrog rau tom qab ntxoov ntxoo. Nyob rau hauv daim ntawv no ntawm lub caij yuav sib txawv raws li lub "substrate".

HSL

Yuav kom to taub li cas cov HLS system, koj yuav tau xa ib cov xim log. Thaum nws chaw yog liab, ces (clockwise) tag nrho cov lwm yam xim ntawm tus zaj sawv. цвета при помощи системы HLS требуется задать три параметра: Yuav kom txiav txim cov xim nyob rau hauv lub CSS siv cov HLS system yuav tsum tau peb tsis:

• Hawj txawm (nyob rau hauv degrees) - cov kev taw qhia ntawm lub voj voog center;
• saturation (feem pua) - ntau npaum li cas xim uas koj xav tau;
• brightness (nyob rau hauv feem pua).

Piv txwv li, ntshav yuav tsum tau txiav txim nyob rau hauv xws li ib tug txoj kev: hsl (315, 100%, 45%). HSL yog feem ntau yooj yim rau thwmsim. Tom qab kev kawm lub xim log, koj yuav thaum koj saib cov stylesheet roughly sawv cev yog xim dab tsi Teem ib lub caij. HSLA - tib HLS, tsuas muaj alpha: hsl (0, 100%, 50, 0.6) - liab, pob tshab me ntsis ntau tshaj ib nrab.

Hex

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Nyob rau hauv CSS, koj yuav teev cov xim siv tus hexadecimal sawv cev, xws li txiv kab ntxwv txiav txim los ntawm cov nqi # FF4500.

Rau ib tug zoo kev nkag siab txog dab tsi lub hexadecimal sawv cev, yuav tsum ntxiv xav txog tus zauv system. Nws yog ib tug xov tooj ntawm 0 mus 9. Thaum qhov yuav tsum tau nyob rau hauv suav tooj ntau dua tshaj li 9, ib tug me ntsis ntxiv, thiab nws puv 10, ces 100, thiab hais txog. E. Txhua raws nraim tib yam nyob rau hauv hexadecimal cim, tab sis nyob rau hauv nws tom qab 9 yog A, ces B, thiab thiaj li nyob rau F - tib yam li 15 nyob rau hauv lub decimal system. Ces ntxiv ib tug lej, thiab nws puv tawm 10 ntawm 16 nyob rau hauv lub li ib txwm cov ntsiab lus uas.

Raws li nyob rau hauv RGB, Hex xim yuav qhia tau nyob rau hauv dab tsi proportions siv thawj cov xim. Nyob rau hauv cov ntaub ntawv no, lawv yeej tsis sib cais los ntawm commas (xim: # FFD500). Txhua ob cim qhia kom meej lub xov tooj ntawm liab, ntsuab thiab xiav.

CSS. Raws li ib tug txoj cai, hex system yog tsis siv thaum lub sij hawm lub thwmsim, vim nws yog tsis yooj yim sua mus nrhiav txoj cai CSS xim. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Lub rooj yuav pab tau nyob rau hauv cov teeb meem no, tab sis yog tias koj lossi xa mus rau nws, lub chaw ua hauj lwm yuav raug ncua. Hexadecimal sawv cev yog feem ntau yooj yim thaum lub template yog kis los ntawm cov duab editor. Nws yog yooj yim npaum li mus luam los ntawm nws tsuas yog ib tug lej tshaj peb lem.

Uas txoj kev yog zoo tshaj plaws?

Nyob rau qhov no account peb yuav tsis hais dab tsi qhob. Yog hais tias lub ntsiab ntawm lub interface xav tau transparency, xaiv ntawm RGBA thiab HSLA. Yog hais tias koj xav mus xyaum ua tej yam nyob rau hauv lub browser HLS xim log yuav ua tau lub feem ntau yooj yim. Yog hais tias koj siv ib tug palette los yog hloov lub tsim los ntawm Photoshop, yuav tsum xav CSS hexadecimal xim lis dej num.