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.

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.