Eiddo lliw CSS. codau lliw

Un o'r offer i newid y arddulliau dudalen we - lliw CSS. Mae yna nifer o ffyrdd o newid y gosodiad hwn. Mae gan bob un manteision ac anfanteision.

enw

Mae'r eiddo lliw yn gosod y lliw yr eitem. 145 arlliwiau o deitlau cynnwys yn y CSS. Yn eu plith mae syml (fel du, glas) a chymhleth (megis rhuddgoch, lawngreen).

Oherwydd bod y rhestr gyfan o anodd cofio, enw'r dalen arddull yn cael eu defnyddio'n anaml.

RGB

Mae'r rhan fwyaf o'r setiau teledu, smartphones, monitorau yn gweithio gyda model lliw RGB. Hynny yw, gall unrhyw liw yn cael ei osod i gyfuniad o liwiau cynradd, sy'n coch, gwyrdd a glas. . Mae dull tebyg yn cael ei ddefnyddio yn y ddau dyfeisiau, ac yn y CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Lliwiau yn sylfaenol werthoedd cyfansoddiad cymryd o 0 i 255. Mae nifer o liwiau posibl yn hafal i 16,777,216.

Gan fod y model RGB yn uniongyrchol gysylltiedig â deddfau corfforol delweddu lliw, du ei bennu ynddi fel y rgb (0, 0, 0), gwyn - rgb (255, 255, 255). system RGBA gwbl debyg i RGB, gan ychwanegu y sianel alffa. Mae'n effeithio ar y tryloywder, sydd yn gweddu gyda'r lliw cefndir. Yn y ffurflen hon o'r elfen yn amrywio yn ôl y "is-haen".

HSL

Er mwyn deall sut mae'r system HLS, mae angen i chi gyflwyno olwyn liw. Yn ei ganolfan yn goch, yna (clocwedd) yr holl liwiau eraill y enfys. цвета при помощи системы HLS требуется задать три параметра: Er mwyn penderfynu ar y lliwiau yn y CSS ddefnyddio'r system HLS yn gofyn tri paramedr:

• lliw (mewn graddau) - cyfeiriad y ganolfan cylch;
• dirlawnder (canran) - faint lliw sydd ei angen arnoch;
• disgleirdeb (yn y cant).

Er enghraifft, gall porffor yn cael ei benderfynu yn y fath fodd: HSL (315, 100%, 45%). HSL sydd fwyaf cyfleus ar gyfer arbrofion. Ar ôl astudio'r olwyn liw, gallwch wrth wylio'r arddull yn fras yn cynrychioli pa liw gosod elfen benodol. HSLA - un fath HLS, dim ond gyda alffa: HSL (0, 100%, 50, 0.6) - coch, yn dryloyw ychydig yn fwy na hanner.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Yn CSS, gallwch osod y lliw gan ddefnyddio cynrychiolaeth hecsadegol, fel oren a bennir gan y gwerth # FF4500.

I gael gwell dealltwriaeth o'r hyn y mae'r gynrychiolaeth hecsadegol, ystyried y system degol ymhellach. Mae'n dynodi rhif o 0 i 9. Pan fydd yr angen i gyfrif nifer fwy na 9, un did cael ei ychwanegu, ac mae'n troi 10, yna 100, ac yn y blaen. E. pob union yr un fath mewn nodiant hecsadegol, ond ynddo ar ôl 9 yn A, yna B, ac yn y blaen i F - yr un fath â 15 yn y system degol. Yna ychwanegwch un digid, ac mae'n troi allan 10 o 16 yn y termau arferol.

Fel yn RGB, lliwiau hecs i ddangos ym mha gyfrannau i ddefnyddio lliwiau cynradd. Yn yr achos hwn, nid ydynt yn cael eu gwahanu gan atalnodau (lliw: # FFD500). Bob ddau gymeriad yn nodi nifer y coch, gwyrdd a glas.

CSS. Fel rheol, nid yw system hecs yn cael ei ddefnyddio yn ystod yr arbrofion, gan ei bod yn amhosibl dod o hyd i'r lliw CSS cywir. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Gall y tabl yn helpu yn y mater hwn, ond os ydych yn gyson yn cyfeirio ato, bydd y gwaith yn cael ei oedi. cynrychiolaeth hecsadegol sydd fwyaf cyfleus pan fydd y templed yn cael ei drosglwyddo gan y golygydd graffig. Mae'n llawer haws i gopïo ohono dim ond un digid na thair tro.

Pa ffordd sydd orau?

Ar y cyfrif hwn ni allwn ddweud unrhyw beth concrit. Os elfennau'r rhyngwyneb angen tryloywder, dewis rhwng RGBA a HSLA. Os ydych yn dymuno arbrofi yn y porwr HLS olwyn liw fydd y mwyaf cyfleus. Os ydych yn defnyddio palet neu drosglwyddo'r dylunio o'r Photoshop, os byddai'n well codau lliw hecsadegol CSS.