CSS ကိုအရောင်ဂုဏ်သတ္တိများ။ အရောင်ကုဒ်များ

ဝဘ်စာမျက်နှာစတိုင်များကိုပြောင်းလဲဖို့ tools များတစ်ခုမှာ - CSS ကိုအရောင်။ ဒီ setting ကိုပြောင်းလဲရန်နည်းလမ်းများစွာရှိပါတယ်။ တစ်ခုချင်းစီကိုအားသာချက်များနှင့်အားနည်းချက်များကိုနှစ်ဦးစလုံးရှိပါတယ်။

နာမတျောကို

အရောင်ပိုင်ဆိုင်မှုပစ္စည်းများ၏အရောင်သတ်မှတ်။ ခေါင်းစဉ်၏ 145 အရိပ်ကတော့ CSS ကိုတွင်ထည့်သွင်း။ သူတို့တွင်နှင့် (ထိုကဲ့သို့သောကတ္တီပါနီ, lawngreen ကဲ့သို့) ရှုပ်ထွေးသော (ထိုကဲ့သို့သော, အနက်ရောင်အပြာရောင်ကဲ့သို့) ရိုးရှင်းသောရှိပါတယ်။

မှတ်မိဖို့ခဲယဉ်း၏တစ်ခုလုံးကိုစာရင်းသောကြောင့်, စတိုင်စာရွက်၏နာမတော်မရှိသလောက်အသုံးပြုကြသည်။

RGB

အဆိုပါတီဗီအများစုဟာ, စမတ်ဖုန်း, မော်နီတာ RGB အရောင်မော်ဒယ်နှင့်အတူအလုပ်လုပ်ကြသည်။ သည်, မဆို color ကိုအနီ, အစိမ်းနဲ့အပြာသောမူလတန်းအရောင်များ, ပေါင်းစပ်ဖို့သတ်မှတ်နိုင်ပါသည်။ . အလားတူချဉ်းကပ်မှုနှစ်ခုစလုံး devices များ၌၎င်း, CSS ကိုအတွက်အသုံးပြုသည်။ основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. အရောင်များကိုအခြေခံဖွဲ့စည်းမှုတွေဟာ 0 ကနေ 255. မှတန်ဖိုးများကိုယူတတ်နိုင်သမျှအရောင်တစ်ဦးကအရေအတွက်အား 16777216 နှင့်ညီမျှသည်။

အဆိုပါ RGB model ကိုတိုက်ရိုက်အနက်ရောင်, အရောင်ပုံရိပ်များ၏ရုပ်ပိုင်းဆိုင်ရာဥပဒေများနှင့်ဆက်စပ်သောဖြစ်ပါတယ်ကတည်းက rgb (0, 0, 0), အဖြူရောင်အဖြစ်မြို့သားသတ်မှတ်ထားသောဖြစ်ပါတယ် - rgb (255, 255, 255) ။ အဆိုပါ alpha ချန်နယ်၏ထို့အပြင်တစ်ခုနဲ့ RGB ဖို့လုံးဝဆင်တူ RGBA စနစ်, ။ ဒါဟာနောက်ခံအရိပ်နှင့်အတူရောက်ပြီးသောင့်လင်းမြင်သာ, သက်ရောက်သည်။ ၎င်းဒြပ်စင်၏ဤပုံစံအတွက် "အလွှာ" သည်နှင့်အညီကွဲပြားပါလိမ့်မယ်။

HSL

ဘယ်လို HLS ဖွ system ကိုနားလည်ရန်, သင်ကအရောင်ဘီးတင်သွင်းဖို့လိုအပ်ပါတယ်။ ယင်း၏စင်တာမှာသက်တံ့အပေါငျးတို့သညျအခွားသောအရောင်အဆင်း (လက်ယာရစ်), ထို့နောက်အနီရောင်ဖြစ်ပါတယ်။ цвета при помощи системы HLS требуется задать три параметра: အဆိုပါ HLS ဖွစနစ်အား အသုံးပြု. CSS ကိုအတွက်အရောင်များကိုဆုံးဖြတ်ရန်သုံး parameters များကိုလိုအပ်သည်:

• (ဒီဂရီ) က hue - စက်ဝိုင်းအလယ်ဗဟို၏ညွှန်ကြားချက်;
• ရွှဲ (ရာခိုင်နှုန်း) - သင်လိုအပ်ဘယ်လောက်အရောင်;
• (ရာခိုင်နှုန်း) အရောင်အဝါ။

ဥပမာအားဖြင့်, ခရမ်းရောင်ထိုကဲ့သို့သောလမ်းအတွက်ဆုံးဖြတ်ရနိုင်သည် HSL (315, 100%, 45%) ။ HSL စမ်းသပ်ချက်များအတွက်အများဆုံးအဆင်ပြေပါတယ်။ အဆိုပါလေ့လာနေပြီးနောက် အရောင်ဘီး, ပုကိုနှိပ်ပြီးကြည့်နေစဉ်သင်အကြမ်းဖျင်းတိကျတဲ့ဒြပ်စင်သတ်မှတ်ထားသောအရာကိုအရောင်ကိုကိုယ်စားပြုနိုင်ပါတယ်။ HSLA - သာ alpha နှင့်အတူတူညီ HLS ဖွ: HSL (0, 100%, 50, 0.6) - အနီ, ထက်ဝက်ထက်အနည်းငယ်ပိုပြီးပွင့်လင်း။

hex

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS မှာ, သင်ထိုကဲ့သို့သောတန်ဖိုးကို # FF4500 ကဆုံးဖြတ်လိမ္မော်ရောင်အဖြစ် hexadecimal ကိုယ်စားပြုမှု, သုံးပြီးအရောင်သတ်မှတ်နိုင်သည်။

ဘာ hexadecimal ကိုယ်စားပြုမှုပိုကောင်းတဲ့နားလည်မှုအဘို့, နောက်ထပ်ဒဿမ system ကိုထည့်သွင်းစဉ်းစားသင့်ပါတယ်။ ဒါဟာ 9 ထက်ကြီးမြတ်အရေအတွက်ကိုရေတွက်အတွက်လိုအပ်ချက်, တနည်းနည်းထည့်လိုက်တဲ့အခါ 0 င်ကနေ 9 ဂဏန်းတစ်ခုဖြစ်ပြီး, 10 လှည့်, ထို့နောက် 100, ဒါပေါ်မှာ။ အီးအားလုံး hexadecimal သင်္ကေတအတွက်အတိအကျတူညီပေမယ့် 9 ပြီးနောက်တစ်ဦးဖြစ်ပါသည်, ထို့နောက် F သို့ဒီတော့အပေါ် B, နှင့် - သည့်ဒဿမစနစ် 15 ခုကဲ့သို့တူညီသော။ ထိုအခါတဦးတည်းဂဏန်းပေါင်းထည့်ခြင်း, ကပုံမှန်အတိုင်းအသုံးအနှုန်းများအတွက် 16 10 ကိုထုတ်ပြန်သွားလေ၏။

RGB ၌ရှိသကဲ့သို့, hex အရောင်များအဓိကအရောင်များကိုသုံးပါကိုအဘယ်သို့အချိုးအစားအတွက်ညွှန်ပြရန်။ ဤကိစ္စတွင်ခုနှစ်, သူတို့ကော်မာ (: # FFD500 အရောင်) ကကွဲကွာကြသည်မဟုတ်။ တိုင်းနှစ်ခုဇာတ်ကောင်, အနီရောင်အစိမ်းရောင်နဲ့အပြာရောင်၏နံပါတ်သတ်မှတ်။

CSS. ကညာဘက်ကို CSS ကိုအရောင်ကိုရှာဖွေမဖြစ်နိုင်ဘူးကတည်းကစည်းကမ်းအဖြစ်, hex စနစ်, စမ်းသပ်ချက်စဉ်အတွင်းအသုံးပြုမပေးပါ။ может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. စားပွဲပေါ်မှာဤအမှု၌ကကူညီနိုင်ပေမယ်သင်သည်အမြဲတစေကရည်ညွှန်းလျှင်, အလုပ်နှောင့်နှေးပါလိမ့်မည်။ အဆိုပါ template ကိုပုဂရပ်ဖစ်အယ်ဒီတာထံမှလွှဲပြောင်းသောအခါ hexadecimal ကိုယ်စားပြုမှုအရှိဆုံးအဆင်ပြေပါတယ်။ အဲဒါကိုကနေသုံးအလှည့်ထက်တစ်ဦးတည်းသာဂဏန်းကူးယူအများကြီးပိုလွယ်သည်။

ဘယ်လမ်းကိုအကောင်းဆုံးဖြစ်သနည်း

ဤအကောင့်ပေါ်တွင်ကျနော်တို့ကွန်ကရစ်ဘာမှမပြောနိုင်ပါဘူး။ အဆိုပါ interface ကို၏ဒြပ်စင်လင်းမြင်သာမှုလိုအပ်ခဲ့လျှင်, RGBA နှင့် HSLA အကြားကိုရွေးချယ်ပါ။ သင်ဘရောက်ဇာကို HLS ဖွအရောင်ဘီးများတွင်စမ်းသပ်လိုပါကအရှိဆုံးအဆင်ပြေပါလိမ့်မယ်။ သင်တစ်ဦး palette ကို အသုံးပြု. သို့မဟုတ် Photoshop ကိုထံမှဒီဇိုင်းကိုလွှဲပြောင်းနေတယ်ဆိုရင်, CSS ကို hexadecimal အရောင် codes တွေကိုပိုနှစ်သက်သငျ့သညျ။