Hubiyaha Ka Duwanaanshaha (Contrast Checker)

Geli midabka qoraalka iyo asalka si aad u aragto saamiga ka duwanaanshaha WCAG iyo heerarka AA iyo AAA ee uu baasay.

—Saamiga ka duwanaanshaha
Qoraal caadi ahAA4.5:1—
Qoraal caadi ahAAA7:1—
Qoraal weynAA3:1—
Qoraal weynAAA4.5:1—
UI & garaafyada3:1—
Geli midabka qoraalka iyo asalka si aad u hubiso.

Hubinta kasta waxay ku dhex socotaa biraawsarkaaga. Waxba oo aad geliso looma soo gudbiyo BroBroGo.

Su'aalaha badanaa la isweydiiyo

Maxay ka dhigan yihiin natiijooyinka AA iyo AAA?

AA waa heerka ay inta badan mareeguhu hiigsadaan: waxay u baahan tahay saamiga ugu yaraan 4.5:1 ee qoraalka caadiga ah iyo 3:1 ee qoraalka weyn. AAA waa ka adag yahay — 7:1 ee qoraalka caadiga ah iyo 4.5:1 ee qoraalka weyn. Saamigu wuxuu u dhexeeyaa 1:1 (ma jiro ka duwanaansho) ilaa 21:1 (madow ku dul yaal caddaan).

Maxaa loo tixgeliyaa qoraal weyn?

Qoraalka ka bilaabma 18pt (qiyaastii 24px), ama 14pt (qiyaastii 18.5px) marka uu yahay bold. Qoraalka ka weyn wuxuu ahaanayaa mid la akhrisan karo xitaa marka uu ka duwanaanshuhu hooseeyo, markaa wuxuu ku baasaa AA marka uu yahay 3:1 iyo AAA marka uu yahay 4.5:1 beddelka xadka adag ee qoraalka caadiga ah.

Waa kuwee qaababka midabada ee aan gelin karo?

Ku qor qiimaha hex sida #1a1a1a, qiimaha rgb() sida rgb(26, 26, 26), ama qiimaha hsl() — ama guji mid ka mid ah swatch-yada si aad u doorato midab. Isticmaal badhanka isku beddelka si aad u kala beddesho midabada qoraalka iyo asalka.

Ma kan baa WCAG 2 mise waa habka cusub ee APCA?

Wuxuu isticmaalaa qaacidada WCAG 2.1 / 2.2, taas oo ah tan xeerarka helitaanka (accessibility) iyo hantidhawrku ay tixraacaan maanta. APCA waa hab cusub oo dareen ku salaysan oo weli loo diyaarinayo WCAG 3 — waa mid rajo leh, laakiin weli ma aha halbeeg u hoggaansanaan oo rasmi ah, markaa natiijooyinka guusha halkan kuma jiraan.

Waxaa qortay oo dib u eegtay kooxda tafatirka ee BroBroGo.Markii ugu dambaysay ee la cusboonaysiiyay:

Sida Loo Adeegsado Hubiyaha Ka Duwanaanshaha

Hubiyaha Ka Duwanaanshaha (Contrast Checker) waa qalab loogu talagalay in lagu cabbiro saamiga ka duwanaanshaha ka dhex jira midabka qoraalka iyo midabka asalka. Qalabkani wuxuu adeegsadaa qaacidada halbeegyada WCAG 2.1 / 2.2 si uu u go'aamiyo in isku-darka midabada aad dooratay uu buuxinayo shuruudaha helitaanka (accessibility) ee heerarka AA iyo AAA.

Marka aad qalabka furto, midabada bilowga ah ee loo dejiyay waa #4f46e5 oo loogu talagalay qoraalka iyo #ffffff oo loogu talagalay asalka, kuwaas oo bixiya saami ka duwanaansho oo ah 6.29. Waxaad si fudud u beddeli kartaa midabadan adiga oo gelinaya qiyamka midabada aad rabto, ama waxaad isticmaali kartaa badhanka isku beddelka si aad u kala beddesho midabada qoraalka iyo asalka.

Qaababka Midabada ee La Aqbalo

Qalabku wuxuu aqbalaa dhowr qaab oo kala duwan oo loo qoro midabada, kuwaas oo kala ah:

  • Hex: Qiyamka hex-ka ee caadiga ah (tusaale, #1a1a1a).
  • RGB: Qiyamka qaabka rgb() (tusaale, rgb(26, 26, 26)).
  • HSL: Qiyamka qaabka hsl().

Haddii aad geliso midab aan sax ahayn, qalabku wuxuu muujinayaa fariimo digniin ah oo ku caawinaya. Haddii midabka qoraalka uu khaldan yahay, wuxuu muujinayaa: "Geli midab qoraal ah oo sax ah, sida #1a1a1a or rgb(26, 26, 26).". Haddii midabka asalka uu khaldan yahayna, wuxuu muujinayaa: "Geli midab asal ah oo sax ah, sida #ffffff ama rgb(255, 255, 255).".

Fahanka Saamiga Ka Duwanaanshaha iyo Halbeegyada WCAG

Saamiga ka duwanaanshaha midabku wuxuu u dhexeeyaa 1:1 (taas oo macnaheedu yahay in aanu jirin wax ka duwanaansho ah oo u dhexeeya labada midab) ilaa 21:1 (oo ah ka duwanaanshaha ugu sarreeya, sida madow ku dul yaal caddaan). Halbeegyada WCAG 2.1 / 2.2 waxay dejiyeen xaddada ugu yar ee loo baahan yahay si qoraalka iyo qaybaha garaafyada ay u noqdaan kuwo dadka oo dhan u akhrisankara.

Qaybta Naqshadaynta Heerka AA Heerka AAA
Qoraal caadi ah Ugu yaraan 4.5:1 Ugu yaraan 7:1
Qoraal weyn Ugu yaraan 3:1 Ugu yaraan 4.5:1
UI & garaafyada Ugu yaraan 3:1 (Xaddid keliya) Ma khuseeyo (Xaddid keliya)

Heerarka helitaanka ee AA iyo AAA waxay u kala duwan yihiin sida ay u adag yihiin. Heerka AA waa kan inta badan shuruucda iyo mareegaha caalamiga ah ay hiigsadaan si loo xaqiijiyo helitaanka aasaasiga ah, halka AAA uu yahay heerka ugu adag ee u baahan ka duwanaansho aad u sarreeya.

Farqiga u Dhexeeya Qoraalka Caadiga ah iyo Qoraalka Weyn

Xaddiga ka duwanaanshaha ee loo baahan yahay si qoraalku u baaso wuxuu ku xidhan yahay cabbirka qoraalka. Qoraalka weyn wuxuu u baahan yahay saami ka duwanaansho oo ka hooseeya kan qoraalka caadiga ah sababtoo ah xajmigiisa weyn ayaa ka dhigaya mid si fudud loo akhrisan karo xitaa marka uu ka duwanaanshuhu hooseeyo.

  • Qoraal caadi ah: Waa qoraal kasta oo ka yar 18pt (qiyaastii 24px), ama ka yar 14pt (qiyaastii 18.5px) marka uu yahay bold. Si uu u baaso heerka AA, wuxuu u baahan yahay saami ah 4.5:1, halka heerka AAA uu u baahan yahay 7:1.
  • Qoraal weyn: Waxaa loo tixgeliyaa qoraalka ka bilaabma 18pt (qiyaastii 24px) iyo wixii ka sarreeya, ama 14pt (qiyaastii 18.5px) iyo wixii ka sarreeya marka uu yahay bold. Qoraalka weyn wuxuu ku baasaa heerka AA marka uu yahay 3:1, halka uu heerka AAA ku baaso marka uu yahay 4.5:1.

Ka Duwanaanshaha Qaybaha UI iyo Garaafyada

Marka laga soo tago qoraalka caadiga ah iyo kan weyn, naqshadaynta casriga ah waxay u baahan tahay in fiiro gaar ah loo yeesho qaybaha isdhexgalka isticmaalaha (UI) iyo garaafyada muhiimka ah. Kuwaas waxaa ka mid ah xuduudaha sanduuqyada wax lagu qoro, badhamada, iyo astaamaha (icons) muhiimka ah ee gudbiya macluumaadka.

Sida ku xusan halbeegyada WCAG 2.1 / 2.2, qaybta UI & garaafyada waxay leedahay hal xaddid oo keliya oo ah 3:1. Qaybtani ma laha wax kala duwanaansho ah oo u dhexeeya heerarka AA iyo AAA; qalabku wuxuu muujinayaa hal natiijo oo keliya oo ku salaysan in isku-darka midabadu uu gaadhay xadka 3:1 iyo in kale. Haddii uu gaadho wuu baasayaa, haddii kalena wuu fashilmayaa.

Sida Loo Turjumo Natiijooyinka iyo Go'aanka Qalabka

Marka aad geliso midabadaada, qalabku wuxuu si toos ah u xisaabinayaa saamiga wuxuuuna soo saarayaa mid ka mid ah go'aamadan soo socda oo koobaya heerka ugu sarreeya ee isku-darka midabadaadu uu gaadhay:

  • "Wuxuu u baasay AA iyo AAA qoraalka caadiga ah." – Tani waxay ka dhigan tahay in isku-darka midabadaadu uu aad u sarreeyo oo uu buuxiyey dhammaan shuruudaha qoraalka caadiga ah iyo kan weynba.
  • "Wuxuu u baasay AA qoraalka caadiga ah." – Isku-darka midabadaadu wuxuu buuxiyey shuruudaha aasaasiga ah ee qoraalka caadiga ah laakiin ma gaadhin heerka ugu adag ee AAA.
  • "Wuxuu u baasay AA qoraalka weyn oo keliya." – Midabadaadu waxay ku habboon yihiin oo keliya qoraallada waaweyn laakiin kuma habboona qoraalka caadiga ah sababtoo ah saamiga ayaa ka hooseeya 4.5:1.
  • "Wuxuu ka hooseeyaa ugu yaraan AA — kordhi ka duwanaanshaha." – Isku-darka midabadaadu ma buuxin xitaa shuruudaha ugu yar ee helitaanka, waxaanay u baahan yihiin in la beddelo si loo kordhiyo ka duwanaanshaha.

Badbaadada Xogtaada iyo Asturnaanta

Markaad isticmaaleyso Hubiyaha Ka Duwanaanshaha, uma baahnid inaad ka walwasho badbaadada midabada ama mashaariicda aad ka shaqaynayso. Hubinta kasta waxay ku dhex socotaa biraawsarkaaga. Waxba oo aad geliso looma soo gudbiyo BroBroGo. Tani waxay ka dhigan tahay in dhammaan habaynta iyo xisaabinta saamiga midabada ay ku dhex maraan qalabkaaga dhexdiisa.

Su'aalaha Badanaa La Isweydiiyo (FAQ)

Maxay ka dhigan yihiin natiijooyinka AA iyo AAA? AA waa heerka ay inta badan mareeguhu hiigsadaan: waxay u baahan tahay saamiga ugu yaraan 4.5:1 ee qoraalka caadiga ah iyo 3:1 ee qoraalka weyn. AAA waa ka adag yahay — 7:1 ee qoraalka caadiga ah iyo 4.5:1 ee qoraalka weyn. Saamigu wuxuu u dhexeeyaa 1:1 (ma jiro ka duwanaansho) ilaa 21:1 (madow ku dul yaal caddaan).

Maxaa loo tixgeliyaa qoraal weyn? Qoraalka ka bilaabma 18pt (qiyaastii 24px), ama 14pt (qiyaastii 18.5px) marka uu yahay bold. Qoraalka ka weyn wuxuu ahaanayaa mid la akhrisan karo xitaa marka uu ka duwanaanshuhu hooseeyo, markaa wuxuu ku baasaa AA marka uu yahay 3:1 iyo AAA marka uu yahay 4.5:1 beddelka xadka adag ee qoraalka caadiga ah.

Waa kuwee qaababka midabada ee aan gelin karo? Ku qor qiimaha hex sida #1a1a1a, qiimaha rgb() sida rgb(26, 26, 26), ama qiimaha hsl() — ama guji mid ka mid ah swatch-yada si aad u doorato midab. Isticmaal badhanka isku beddelka si aad u kala beddesho midabada qoraalka iyo asalka.

Ma kan baa WCAG 2 mise waa habka cusub ee APCA? Wuxuu isticmaalaa qaacidada WCAG 2.1 / 2.2, taas oo ah tan xeerarka helitaanka (accessibility) iyo hantidhawrku ay tixraacaan maanta. APCA waa hab cusub oo dareen ku salaysan oo weli loo diyaarinayo WCAG 3 — waa mid rajo leh, laakiin weli ma aha halbeeg u hoggaansanaan oo rasmi ah, markaa natiijooyinka guusha halkan kuma jiraan.

Beddelaha MidabkaU beddel midabada HEX, RGB, HSL, HSV, CMYK iyo LAB — wax ka beddel goob kasta oo inta kale ayaa cusboonaysiismaya markaad gasho.Dooriyaha Midabka SawirkaDooro piksel kasta oo sawir ka mid ah oo akhri HEX, RGB iyo HSL-kiisa, adoo isticmaalaya weyneeye si aad u tijaabiso si sax ah.Beddelaha Qaabka SawirkaU beddel sawirrada JPG, PNG, WebP, HEIC iyo AVIF biraawsarkaaga dhexdiisa.Xisaabiyaha Saamiga DhinacyadaU beddel ballac kasta × dherer kasta saami nadiif ah oo ah sida 16:9, ama dooro saami oo dhammaystir dhinaca dhiman — fiidiyowga, sawirrada iyo shaashadahaba.Dhaliyaha Box ShadowJiid jiidadaha si aad u qaabayso box-shadow, isku dul radd lakabyo si aad u hesho qoto-dheer, oo si degdeg ah u koobiyeey CSS-ka dhammaaday.Dhaliyaha GradientDhis gradient linear, radial, ama conic ah, ku dar istaagyada midabka oo dejiso jihada, ka dibna ku koobiyeey CSS-ka hal gujin.Tijaabiyaha ShaashaddaKu tijaabi shaashad kasta qaababka tijaabada shaashadda buuxda — bikselada dhintay, dsilidda iftiinka dambe, gamma, ghosting, heerka cusboonaysiinta iyo in kale.