CSS awọ-ini. awọ koodu

Ọkan ninu awọn irinṣẹ lati yi awọn oju-iwe ayelujara aza - CSS awọ. Nibẹ ni o wa orisirisi ona lati yi eyi eto. Kọọkan ni o ni awọn mejeeji anfani ati alailanfani.

orukọ

Awọn awọ ini kn awọn awọ ti awọn ohun kan. 145 shades ti oyè to wa ninu CSS. Lara wọn wa ni o wa o rọrun (bi dudu, blue) ati eka (gẹgẹ bi awọn àlãri, lawngreen).

Nitori gbogbo akojọ ti awọn gidigidi lati ranti, awọn orukọ ti awọn ara dì ti wa ni lilo ṣọwọn.

RGB

Ọpọlọpọ ninu awọn TVs, fonutologbolori, diigi ṣiṣẹ pẹlu awọn RGB awọ awoṣe. Ti o ni, eyikeyi awọ le ti wa ni ṣeto si a apapo ti jc awọn awọ, eyi ti o wa pupa, alawọ ewe ati bulu. . A iru ona ti lo ni mejeji awọn ẹrọ, ati ni CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Awọ ni o wa ipilẹ tiwqn Ya awọn iye lati 0 si 255. A nọmba ti o ti ṣee awọn awọ jẹ dogba si 16777216.

Niwon awọn RGB awoṣe ti wa ni taara jẹmọ si awọn ti ara ofin ti awọ aworan, dudu wa ni pato ninu rẹ bi awọn RGB (0, 0, 0), funfun - RGB (255, 255, 255). RGBA eto patapata iru si RGB, pẹlu afikun ti awọn Alpha ikanni. O ni ipa lori awọn akoyawo, eyi ti idapọmọra pẹlu awọn lẹhin iboji. Ni yi fọọmu ti awọn ano yoo si yato ni ibamu si awọn "sobusitireti".

HSL

Lati ni oye bi awọn HLS eto, o nilo lati fi kan awọ kẹkẹ. Ni awọn oniwe-aarin ni pupa, ki o si (clockwise) gbogbo awọn miiran awọn awọ ti Rainbow. цвета при помощи системы HLS требуется задать три параметра: Lati mọ awọn awọ ninu awọn CSS lilo awọn HLS eto nbeere mẹta sile:

• hue (ni iwọn) - awọn itọsọna ti awọn Circle aarin;
• ekunrere (ogorun) - bi o Elo awọ ti o nilo;
• imọlẹ (ni ogorun).

Fun apẹẹrẹ, eleyi ti o le wa ni pinnu ni iru kan ọna: hsl (315, 100%, 45%). HSL jẹ julọ rọrun fun adanwo. Lẹhin ti keko ni awọ kẹkẹ, o le nigba ti wiwo awọn stylesheet aijọju soju ohun ti awọ ṣeto kan pato ano. HSLA - kanna HLS, nikan pẹlu Alpha: hsl (0, 100%, 50, 0.6) - pupa, sihin die-die siwaju sii ju idaji.

hex

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Ni CSS, o le ṣeto awọn awọ lilo awọn hexadecimal oniduro, gẹgẹ bi awọn osan ṣiṣe nipasẹ awọn iye # FF4500.

Fun kan ti o dara oye ti ohun ti awọn hexadecimal oniduro, o yẹ ki o siwaju ro eleemewa eto. O ti wa ni nọmba kan lati 0 si 9. Nigba ti awọn nilo ni kika iye tobi ju 9, ọkan bit ti wa ni afikun, ati awọn ti o wa ni 10, ki o si 100, ki o si bẹ lori. E. Gbogbo pato kanna ni hexadecimal amiakosile, sugbon ni o lẹhin 9 ni A, ki o si B, ati ki on to F - kanna bi 15 ninu awọn eleemewa eto. Ki o si fi ọkan nọmba, ati awọn ti o wa ni jade 10 ti 16 ni ibùgbé awọn ofin.

Bi ni RGB, hex awọn awọ lati fihan ninu ohun ti ti yẹ lati lo jc awọn awọ. Ninu apere yi, ti won ko ba niya nipa aami idẹsẹ (awọ: # FFD500). Gbogbo meji ohun kikọ pato awọn nọmba ti pupa, alawọ ewe ati bulu.

CSS. Bi ofin, hex eto ti wa ni ko lo nigba ti adanwo, niwon o jẹ soro lati wa awọn ọtun CSS awọ. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Awọn tabili le ran ni yi, nwon, ṣugbọn ti o nigbagbogbo tọka si o, awọn iṣẹ yoo wa ni leti. Hexadecimal oniduro jẹ julọ rọrun nigbati awọn awoṣe ti wa ni ti o ti gbe lati awọn iwọn olootu. O ti wa ni Elo rọrun lati da lati o nikan kan nọmba ju meta wa.

Eyi ti ọna ti o dara ju?

Lori yi iroyin ti a ko le so ohunkohun nja. Ti o ba ti awọn eroja ti awọn wiwo nilo akoyawo, yan laarin RGBA ati HSLA. Ti o ba ti o ba fẹ lati ṣàdánwò ni awọn kiri HLS awọ kẹkẹ yoo jẹ awọn julọ rọrun. Ti o ba ti wa ni lilo a paleti tabi gbe awọn oniru lati Photoshop, o yẹ ki o fẹ CSS hexadecimal awọ koodu.