Fon rangi yetarli muhim element har qanday veb-sahifa. Birinchidan, u so'raydi to'g'ri kayfiyat va saytning umumiy kayfiyati, ikkinchidan, matnni idrok etishni osonlashtiradi.

Veb-sahifaning fon rangi tegning bgcolor atributi yordamida o'rnatiladi .

1-misol: Fon rangini o'zgartirish

Rang o'n oltilik qiymat sifatida yoki uning nomi bilan belgilanishi mumkin.

Fon uchun har qanday rangni belgilashingiz mumkin bo'lsa-da, ko'pchilik saytlar eng ko'p o'rnatilgan variant sifatida asosan oq fon va qora harflardan foydalanadi.

Fon rasmi

Fon sifatida har qanday mos tasvirdan foydalanishingiz mumkin. Fon e'tiborni matndan chalg'itmasligi kerak, lekin u bilan yaxshi uyg'unlashishi kerak rang sxemasi .

veb-sahifalar va tez yuklash uchun kichik hajmda bo'lishi kerak.

Agar yuqorida aytilganlarning barchasidan keyin siz hali ham sahifaga fon rasmini qo'shmoqchi bo'lsangiz, tegning fon atributidan foydalaning. 2-misol: Fon rasmi qo'shish Agar rasm

kichikroq o'lcham monitor ekrani, u gorizontal va vertikal ravishda qayta ishlab chiqariladi., rasmlar yuklanmaguncha matnni bir muncha vaqt o'qib bo'lmasligi ma'lum bo'lishi mumkin. Brauzerda rasmlar o'chirilgan bo'lsa, xuddi shu narsa yuz berishi mumkin. Shuning uchun har doim fon rangini fon tasviri bilan birga o'rnatish tavsiya etiladi (3-misol).

3-misol: Fon rasmi va fon rangidan foydalanish

Ruxsat etilgan fon

Odatiy bo'lib, aylantirish panelidan foydalanganda fon tasviri veb-sahifa mazmuni bilan birga harakatlanadi. Internet Explorer bgproperties = "fikslangan" teg atributi yordamida fonni tuzatishga imkon beradi .

4-misol: Ruxsat etilgan fonni o'rnatish

4-misolda ko'rsatilganidek, bgproperties atributini belgilash orqali veb-sahifadagi fon tasviri statsionar bo'lib qoladi, lekin matn, grafik va boshqa elementlar aylantirish paneli bilan harakatlanadi.

Interfeysingiz uchun foydalanuvchining koʻzlarini zoʻriqtiradigan ranglarni tanlayapsizmi?

Agar siz fon uchun yorqin va to'yingan rangdan foydalansangiz, foydalanuvchilarning hayotini qiyinlashtirasiz: ular uchun sahifani ko'rish darhol qiyinlashadi. Yorqin, boy ranglar jalb qilish eng katta e'tibor. Ammo agar bunday yorqin rang juda ko'p bo'lsa, bu retinada ko'proq yuk hosil qiladi va siz ko'zingizni juda ko'p siqishingiz kerak.

Masalan, yuqoridagi rasmdagi rang namunalarini ko'rib chiqing. Chap ustun maksimal yorqinligi va to'yinganligi bo'lgan ranglardan iborat. O'ng ustun 80% yorqinlik va 80% to'yinganlikdagi ranglardan iborat. Chap ustun uchun bardoshlik o'ngdan past bo'ladi, chunki yorqin, to'yingan ranglar sizning ko'zingizga juda qattiq ta'sir qiladi.

Keling, nima uchun foydalanish haqida gapiraylik yorqin ranglar Veb-sayt yoki dastur fonida bunga loyiq emas. Ha, bugungi kunda bu yangi tendentsiya - yorqinlikni to'liq berish. Lekin har doim modaga rioya qilishingiz shart emas, ayniqsa, agar u jinnilik bilan chegaralansa yoki mahsulotingizdan foydalanishga xalaqit bersa.

Keling, nazariyadan boshlaylik.

Yorqinlik Vs. To'yinganlik

Yorqinlik va to'yinganlik turli xil xususiyatlar ranglar. Birinchisi, qancha oq yoki qora aralashtiriladi bu rang, ikkinchisi esa kul rang miqdorini bildiradi.

Yorqinlikning oshishi to'yinganlik ham pasayadi degani emas. To'yinganlikni kamaytirsangiz, rangni kul rangga aylantirasiz. Yorqinlikni oshirganingizda, siz rang komponentining miqdorini oshirasiz, lekin rangni kul rangga aylantirmang ().

To'liq rangli tasvirning kontur aniqligini tuzatishning o'ziga xos xususiyatlari

1. Rang ohangi va toʻyinganlik

2. Konturning aniqligi

3. Avtomatik tuzatish

Rangli fon va to'yinganlik

Keyin rangni tuzatish tasvirdagi buzilishlarni bartaraf etish kerak yoki shunga ko'ra hech bo'lmaganda, sezilarli darajada kamaydi. Ammo ranglarning to'yinganligi etarli bo'lmasligi mumkin. Bunday holda siz to'yinganlikni to'g'rilash usulidan foydalanishingiz kerak.

Ushbu usul grafik muharrirlarda HSL rang modelida tasvirni tuzatish sifatida amalga oshiriladi.

Ushbu kompyuter rang modeli printsipial jihatdan HSB (HSV) ga o'xshaydi. Ammo uning asosiy parametrlari: ohang, yengillik va to'yinganlik. Agar HSL rangli modelini rasm sifatida tasavvur qilsak, u ikki tomonlama (aks ettirilgan) olti burchakli konus bo'ladi. Uning asosi, xuddi HSB kabi, asosiy ranglar, va uchlari: oq, to'yinganlik bilan nazorat qilinadi va qora rang, engillik bilan tavsiflanadi. Shunday qilib, HSL rang modeli rang, to'yinganlik va yorqinlikning intuitiv tushunchalarining eng kuchli namunalaridan biridir.

Rasmda yoki uning tanlangan maydonida ranglarning to'yinganligini oshirish piksel rangi formulasining S parametrining qiymatini oshirish orqali amalga oshiriladi.

HSL rang modelidagi tasvirni tuzatish interfeysiga misol

Ranglarning to'yinganligini oshirishda siz tasvirni ko'rsatmoqchi bo'lgan qurilmaning rang gamutidan oshmasligiga e'tibor berish kerak.

Oddiy rang to'yinganligi

Rangli gamutdan tashqariga chiqish

Yengillik va ranglarning to'yinganligini to'g'rilash uchun tasvirni HSL rang modeliga aylantirish shart emas, lekin konturni aniqlashtirishni tuzatishni amalga oshirish foydali bo'lishi mumkin.

Menyu joylashuvi Maska niqobi

Filtrning natijasi o'laroq, dastur tasvirning nusxasini yaratadi, rang va ohangda sezilarli o'zgarishlar (keskin o'tish, kuchli kontrast) bo'lgan nusxa ko'chirish joylarini topadi va ularning qirralarini aniqlaydi, bu esa aniqlikning oshishiga olib keladi; konturlar ("chegaralarda" kontrast) va qolgan ("tekis") joylarga ta'sir qilmaydi. Ushbu aniq tasvir asosida aniq bo'lmagan niqob yaratiladi va biroz xiralashgan asl tasvir ustiga qo'yiladi.

Kontur aniqligini oshirishni taqlid qilganda, konturlar bo'ylab engilligi kamaygan va kuchaygan piksel maydonlari quriladi. Toʻliq rangli tasvirdagi piksellar uchun buni qilish ranglarning buzilishiga olib kelishi mumkin, bu esa qirralarning boʻylab rangsiz chiziqlar paydo boʻlishiga olib keladi. IN kompyuter grafikasi bunday artefaktlar rangli halo yoki rangli halo deb ataladi .