Proprjetajiet kulur CSS. kodiċi tal-kulur

Wieħed mill-għodod li jibdlu l-istili paġna web - kulur CSS. Hemm diversi modi għall-bidla din l-iffissar. Kull wieħed għandu kemm vantaġġi u żvantaġġi.

isem

Il-proprjetà kulur tistabbilixxi l-kulur ta 'l-oġġett. 145 sfumaturi ta 'titoli inklużi fil-CSS. Fost dawn hemm sempliċi (bħal iswed, blu) u kumplessi (bħal krimżi, lawngreen).

Minħabba li l-lista sħiħa ta 'diffiċli biex tiftakar, l-isem tal-karta tal-istil huma użati rarament.

RGB

Ħafna mill-televiżjonijiet, smartphones, monitors jaħdmu ma mudell kulur RGB. Dan huwa, kwalunkwe kulur jistgħu jiġu stabbiliti biex taħlita ta 'kuluri primarji, li huma aħmar, aħdar u blu. . Approċċ simili jintuża fiż-żewġ mezzi, u fil-CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Kuluri huma bażiċi kompożizzjoni jieħdu valuri minn 0 sa 255. Numru ta 'kuluri possibbli huwa ugwali għal 16,777,216.

Peress li l-mudell RGB hija direttament relatata mal-liġijiet fiżiċi ta 'immaġini tal-kulur, iswed huwa speċifikat fiha kif l-RGB (0, 0, 0), abjad - RGB (255, 255, 255). sistema RGBA kompletament simili għal RGB, biż-żieda tal-kanal alfa. Dan jaffettwa t-trasparenza, li taħlitiet bl-dell isfond. F'dan il-forma ta 'l-element se jvarjaw skond il- "sottostrat".

HSL

Biex wieħed jifhem kif is-sistema HLS, għandek bżonn li jissottomettu rota kulur. Fiċ-ċentru tagħha huwa aħmar, allura (arloġġ) l-kuluri l-oħra tal-qawsalla. цвета при помощи системы HLS требуется задать три параметра: Sabiex jiddeterminaw il-kuluri fil-CSS tintuża s-sistema HLS jeħtieġ tliet parametri:

• lewn (fi gradi) --direzzjoni taċ-ċentru ċirku;
• saturazzjoni (persentaġġ) - kif kulur kemm għandek bżonn;
• luminożità (f'perċentwal).

Per eżempju, vjola tista 'tiġi determinata b'tali mod: HSL (315, 100%, 45%). HSL huwa l-aktar konvenjenti għal esperimenti. Wara li ġew studjati l- rota kulur, inti tista filwaqt li jaraw l-stylesheet bejn wieħed u ieħor jirrappreżentaw liema kulur stabbiliti element speċifiku. HSLA - istess HLS, biss bil alpha: HSL (0, 100%, 50, 0.6) - aħmar, trasparenti ftit aktar minn nofs.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Fil CSS, inti tista 'tistabbilixxi l-kulur bl-użu rappreżentazzjoni hexadeċimali, bħal larinġ determinat mill-valur # FF4500.

Għal fehim aħjar ta 'dak ir-rappreżentazzjoni hexadeċimali, għandhom jikkunsidraw aktar is-sistema deċimali. Huwa numru minn 0 sa 9. Meta l-ħtieġa fil-għadd numru akbar minn 9, waħda daqsxejn huwa miżjud, u jirriżulta 10, imbagħad 100, u l-bqija. E. Kollha eżattament l-istess fl eżadeċimali, iżda fiha wara d-9 huwa A, imbagħad B, u l-bqija sa F - l-istess bħal 15 fis-sistema deċimali. Imbagħad żid ċifri waħda, u jirriżulta 10 16 fit-termini tas-soltu.

Bħal fil RGB, kuluri HEX biex tindika f'liema proporzjonijiet għall-użu kuluri primarji. F'dan il-każ, dawn mhumiex separati b'virgoli (kulur: # FFD500). Kull żewġ karattri jispeċifikaw in-numru ta 'aħmar, aħdar u blu.

CSS. Bħala regola, sistema Hex ma tintużax matul l-esperimenti, peress li huwa impossibbli li jinstabu l-kulur CSS dritt. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. It-tabella tista 'tgħin f'din il-kwistjoni, imma jekk inti dejjem jirreferu għalih, ix-xogħol se jkun ittardjat. rappreżentazzjoni hexadeċimali huwa l-aktar konvenjenti meta l-mudell huwa trasferit mill-editur grafiku. Huwa ħafna aktar faċli li kopja minnha biss b'ċifra waħda minn tliet dawriet.

Liema mod huwa l-aħjar?

Fuq dan il-kont ma nistgħux ngħidu xejn konkret. Jekk l-elementi tal-interfaċċja bżonn trasparenza, jagħżlu bejn RGBA u HSLA. Jekk inti tixtieq li esperiment fil-browser HLS rota kulur se tkun l-aktar konvenjenti. Jekk inti qed tuża paletta jew jittrasferixxi l-disinn mill-Photoshop, għandhom jippreferu kodiċi tal-kulur hexadeċimali CSS.