CSS rang xususiyatlari. rang kodlari

qurollaridan biri veb-sahifa tarzini o'zgartirish - CSS rangini. bu moslamani o'zgartirishni bir necha yo'llari bor. Har afzalliklari va kamchiliklari ham bor.

ism

rang xususiyati modda rangini belgilaydi. unvonlarini 145 soyalari CSS kiritilgan. Ular orasida (masalan, qip-qizil, lawngreen kabi) va murakkab (qora, ko'k kabi) oddiy bor.

qattiq butun ro'yxat eslash Chunki, uslublar sahifa nomi kamdan-kam hollarda ishlatiladi.

RGB

Televizorlar eng, smartfonlar, monitorlar RGB rang modeli bilan ishlash. Bu har qanday rang, qizil, yashil va ko'k asosiy ranglar, kombinatsiyasi o'rnatilgan bo'lishi mumkin. . A o'xshash yondashuv har ikkala qurilmada ishlatilgan va CSS bo'ladi. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Ranglar mumkin rangdagi bir qator 16777216 tengdir 0 dan 255 uchun asosiy tarkibi take qiymatlari.

RGB (255, 255, 255) - RGB modeli bevosita rang tasvir jismoniy qonunlari bilan bog'liq bo'lgani uchun, qora RGB (0, 0, 0), oq, deb unda belgilangan bo'ladi. alfa kanal qo'shilishi bilan, RGB butunlay o'xshash RGBA tizimi. Bu fon soya bilan uyg'unlashdi oshkoraligini, ta'sir qiladi. element bu shaklida "substrat" ko'ra farq qiladi.

HSL

Siz bir rang g'ildirakni taqdim kerak qanday HLS tizimi tushunish uchun. uning markazida Kamalak qizil, keyin (soat yo'nalishi bo'yicha) boshqa barcha ranglar hisoblanadi. цвета при помощи системы HLS требуется задать три параметра: HLS tizimi yordamida CSS ranglarini aniqlash uchun uch parametrlarini talab qiladi:

• (Daraja) rang - doira markazi yo'nalishi;
• qondirish (foiz) - qancha rang Agar kerak;
• (Foiz) yorqinlik.

Misol uchun, safsar bunday tarzda aniqlanishi mumkin: HSL (315, 100%, 45%). HSL tajribalar uchun eng qulay hisoblanadi. o'rganish so'ng rang g'ildirakni, siz stillar jadvallari taxminan aniq elementi o'rnatilgan nima rang vakili kuzatib mumkin. HSLA - Shu HLS, faqat alfa: HSL (0, 100%, 50, 0.6) - qizil, shaffof bir oz ko'proq yarmidan.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS, siz bunday qiymati # FF4500 tomonidan belgilanadi, to'q sariq kabi, o'n oltilik sanoq sistemasida yordamida rangini o'rnatishingiz mumkin.

nima o'n oltilik sanoq sistemasida yaxshiroq tushunish uchun, keyingi o'nlik tizimi etamiz. 0 sonini dan katta, 9 sanab ham ehtiyoj, bir bit qo'shiladi 9. uchun bir raqam, va u A 9 keyin unga, keyin 100 10 o'girsa, va hexadecimal sanoq sistemasida hokazo. E. barcha aynan bir xil, lekin, keyin B, va shuning uchun F uchun - o'nlik tizimida 15 bir xil. So'ngra bir raqam kiritish, va u odatdagi jihatidan 16 10 chiqadi.

RGB kabi, HEX ranglar asosiy ranglar ishlatish uchun nima nisbatlarda ko'rsatish uchun. (: # FFD500 rang), bu holda, ular vergul bilan ajratilgan emas. Har ikki belgi qizil, yashil va ko'k sonini belgilash.

CSS. qoida tariqasida, HEX tizimi to'g'ri CSS rangini topish mumkin emas, chunki, tajribalar vaqtida ishlatiladigan emas. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. stol, bu masalada yordam berishi mumkin, lekin siz doimo unga murojaat bo'lsa, ish jo'natilmasligi bo'ladi. Andoza grafik muharriri uzatiladi qachon o'n oltilik sanoq sistemasida eng qulay hisoblanadi. Bu faqat bir raqam uch o'girgan kimsadan nusxa juda ham oson.

Qaysi yo'l yaxshi emas?

Bu hisob biz narsa beton aytish mumkin emas. interfeys elementlari oshkoraligini kerak bo'lsa, RGBA va HSLA o'rtasida tanlang. Agar brauzer HLS rang g'ildirak Tajriba xohlasangiz eng qulay bo'ladi. Agar paletimle yoki fotoshop dizayn o'tkazish bo'lsangiz, CSS hexadecimal rang kodlari afzal kerak.