Qaadaha Midabka & Abuuraha Palette-ka oo Bilaash ah

Sida Ay U Shaqeyso

Wax walba wuxuu ka socdaa gudaha biraawsarkaaga si toos ah isagoo isticmaalaya xisaab beddel oo gacan lagu qoray — laybreri midab, wicitaan server ma jiraan. Waxaad dooranaysaa midab adigoo isticmaalaya gelitaanka midabka biraawsarka dabiiciga ah ama API-ga EyeDropper, qalabkuna isla markiiba wuxuu u beddelaa lix qaabab isagoo sidoo kale xisaabinaya saameynta isku-dhufashada WCAG oo sameynaya qaabab midab oo isku dheelitir ah.

1. 1
   Gelitaanka midabka via API dabiici ah

   Waxaad dooranaysaa midab adigoo isticmaalaya qalabka <input type="color"> ee biraawsarka ku dhex jira, ama — biraawsarrada ku salaysan Chromium — API-ga EyeDropper ayaa kuu ogolaanaya inaad ka soo qaadato pixel kasta shaashaddaada. Labada dariiqoodba waxay soo celiyaan xarig hex ah oo noqda isha runta ah ee kaliya.
2. 2
   Beddellada qaabka gacanta lagu qoray

   Qalabku wuxuu u beddelaa qiimaha hex-ka RGB, HSL, HSV, CMYK, iyo OKLCH isagoo isticmaalaya functions-kiisa xisaab ah (laybreri dibadeed ma jiro). Beddelka OKLCH-ku wuxuu toosiyaa kanaalada sRGB, wuxuu dabaqaa matrix-ka cube-root ee OKLab, kadibna wuxuu ka soo saaraa chroma iyo xagalka hue-ga — oo la mid ah wax-soo-saarka CSS Color Level 4 casriga ah.
3. 3
   Xisaabinta saameynta isku-dhufashada WCAG

   Luminance-ka la xiriirka ah waxaa lagu xisaabiyaa kanaalada RGB toosan isagoo isticmaalaya qaacidada WCAG 2.x. Qalabku kadib wuxuu xisaabiyaa saameynta isku-dhufashada ee ka dhanka ah caddaanka iyo madowga saafiga ah, wuxuuna ku sumadeeyaa AA-large, AA, AAA, ama Fail sida xadka WCAG ay qabaan (3:1, 4.5:1, 7:1).
4. 4
   Sameynta qaabka isku-dheelitirka iyo keydinta gudaha

   Sawirrada isku-simka, saddexanka, xiga, iyo hal-midabku waxaa laga soo saaraa iyagoo xisaab ahaan wareejinaya ama tallaabsanaya qiyamka hue iyo iftiinka HSL. Qaababka la keydiyay waxaa loo qoraa localStorage biraawsarkaaga — waxba kama baxaan aaladdaada.

Qalabka La Xiriira