Pronat ngjyra CSS. Kodet ngjyra

Një nga mjetet për të ndryshuar stilet web faqe - ngjyra CSS. Ka disa mënyra për të ndryshuar këtë parametër. Secili ka dy avantazhe dhe disavantazhe.

emër

Prona Ngjyra vendos ngjyrën e sendit. 145 hije e titujve të përfshira në CSS. Midis tyre ka të thjeshta (të tilla si e zezë, blu) dhe komplekse (të tilla si purpur, lawngreen).

Sepse e gjithë lista e vështirë për të kujtuar, emri i fletë stil janë përdorur rrallë.

RGB

Shumica e TV, smartphones, monitoron punuar me modelin ngjyra RGB. Kjo është, çdo ngjyrë mund të vendosen për një kombinim të ngjyrave primare, të cilat janë të kuqe, jeshile dhe blu. . Një qasje e ngjashme është përdorur në të dy pajisjet, dhe në CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Ngjyrat janë themelore vlera përbërjen marrë prej 0 deri 255. Një numër i ngjyrave të mundshme është e barabartë me 16777216.

Që nga modeli RGB është e lidhur direkt me ligjet fizike të imazhit me ngjyra, të zezë është e specifikuar aty si RGB (0, 0, 0), White - RGB (255, 255, 255). Sistemi RGBA plotësisht i ngjashëm me RGB, me shtimin e kanal alfa. Ajo ndikon në transparencën, e cila blends me hije sfond. Në këtë formë të elementit do të ndryshojnë në bazë të "substrat".

HSL

Për të kuptuar se si sistemi HLS, ju duhet të paraqesë një rrotë ngjyra. Në qendër të saj është e kuqe, pastaj (clockwise) të gjitha ngjyrat e tjera të ylberit. цвета при помощи системы HLS требуется задать три параметра: Për të përcaktuar ngjyrat në CSS duke përdorur sistemin HLS kërkon tre parametra:

• ngjyrë (në gradë) - drejtimi i qendres rrethit;
• ngopjes (përqindje) - sa ngjyra ju duhet;
• ndriçimi (në përqindje).

Për shembull, purple mund të përcaktohet në mënyrë të tillë: HSL (315, 100%, 45%). HSL është më i përshtatshëm për eksperimente. Pas studimit të timon ngjyra, ju mund ndërsa shikuar stylesheet afërsisht përfaqësojnë çfarë ngjyre vendosur element të veçantë. HSLA - njëjtë HLS, vetëm me alfa: HSL (0, 100%, 50, 0.6) - të kuqe, transparent pak më shumë se gjysma.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Në CSS, ju mund të vendosni ngjyrën duke përdorur përfaqësimin hexadecimal, të tilla si portokalli përcaktohet nga vlera # FF4500.

Për të kuptuar më mirë se çfarë përfaqësimit heksadecimal, duhet të marrë parasysh më tej sistemin decimal. Kjo është një numër nga 0 deri në 9. Kur nevoja në numëruar numrin më të madh se 9, një bit është shtuar, dhe kjo rezulton 10, pastaj 100, dhe kështu me radhë. E. Të gjithë të njëjtë në simbol heksadecimal, por në të, pas 9 është A, pastaj B, dhe kështu me radhë për të F - njëjtë si 15 në sistemin e dhjetore. Pastaj shtoni një shifër, dhe kjo rezulton 10 nga 16 në terma të zakonshme.

Si në RGB, ngjyra magji për të treguar në çfarë proporcione të përdorin ngjyrat primare. Në këtë rast, ata nuk janë të ndara me presje (color: # FFD500). Çdo dy karaktere të specifikojë numrin e kuqe, jeshile dhe blu.

CSS. Si rregull, sistemi HEX nuk përdoret gjatë eksperimenteve, pasi është e pamundur për të gjetur ngjyrën e duhur CSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Tabela mund të ndihmojë në këtë çështje, por në qoftë se ju vazhdimisht i referohen asaj, puna do të vonohet. përfaqësimi heksadecimal është më i përshtatshëm kur template është transferuar nga redaktori grafik. Ajo është shumë më e lehtë për të kopjoni nga kjo vetëm një shifër se tre kthesa.

Cila mënyrë është më e mirë?

Për këtë arsye ne nuk mund të themi asgjë konkrete. Nëse elementet e ndërfaqes nevojë për transparencë, zgjedhin mes RGBA dhe HSLA. Nëse ju dëshironi për të eksperimentuar në shfletuesin HLS timon ngjyra do të jetë më i përshtatshëm. Nëse jeni duke përdorur një gamë ose transferimin e projektimit nga Photoshop, duhet të preferojnë CSS heksadecimal kodet e ngjyrave.