هەڵبژەری ڕەنگ و دروستکەری پەڵێتی بەخۆڕایی

چۆن کار دەکات

هەموو شتێک ڕاستەوخۆ لە وێبگەڕەکەتدا ڕادەبات بە بەکارهێنانی ژمێریاری گۆڕینی دەستنووس — بەبێ کتێبخانەی ڕەنگ، بەبێ گەشتی سێرڤەر. ڕەنگێک لە ڕێگای داخڵی ڕەنگی سەرەکی وێبگەڕ یان APIی EyeDropperەوە هەڵدەبژێریت، و ئامرازەکە دەستبەجێ دەیگۆڕێت بۆ شەش فۆرمات لەکاتێکدا ژمێریاری ڕێژەی جیاوازی WCAG و دروستکردنی پاڵێتی هاوئاهەنگیش دەکات.

1. 1
   داخڵی ڕەنگ لە ڕێگای APIی سەرەکییەوە

   ڕەنگێک لە ڕێگای ویدجیتی <input type="color">ی سەرەکی وێبگەڕەوە هەڵدەبژێریت، یان — لە وێبگەڕی بنەمای Chromiumدا — APIی EyeDropper ڕێگات دەدات هەر پیکسێلێک لەسەر شاشەکەت نموونە بگریت. هەردوو ڕێگا ڕیزبەندییەکی شازدەیی دەگەڕێننەوە کە دەبێتە یەکە سەرچاوەی ڕاستی.
2. 2
   گۆڕینی فۆرماتی دەستنووس

   ئامرازەکە نرخی شازدەیی دەگۆڕێت بۆ RGB، HSL، HSV، CMYK، و OKLCH بە بەکارهێنانی فەنکشنی ژمێریاری خۆی (بەبێ کتێبخانەی دەرەکی). گۆڕینی OKLCH کەناڵی sRGB هێڵخۆر دەکات، ماتریسی ڕەگی سێبار OKLab جێبەجێدەکات، پاشان کرۆما و گۆشەی هیو وەردەگرێت — هاوتای دەرچوونی CSS Color Level 4ی مۆدێرن.
3. 3
   ژمێریاری ڕێژەی جیاوازی WCAG

   ڕووناکی نیسبی لە کەناڵی RGBی هێڵخۆرکراوەوە ژمێردەکرێت بە بەکارهێنانی فۆرمولی WCAG 2.x. پاشان ئامرازەکە ڕێژەی جیاوازی لەگەڵ سپیی پوخت و ڕەشی پوختدا ژمێردەکات و بەپێی سنووری WCAGـەکان (3:1، 4.5:1، 7:1) لەیبڵیان دەدات وەک AA-گەورە، AA، AAA، یان شکست.
4. 4
   دروستکردنی پاڵێتی هاوئاهەنگی و پاشەکەوتی ناوخۆیی

   نموونەی هاوتا، سێیانی، هاوشێوە، و تاک-ڕەنگ بە خولانەوە یان هەنگاوبردنی نرخی هیو و ڕووناکی HSLـەوە بە ژمێریاری وەردەگیرێن. پاڵێتی پاشەکەوتکراو لە localStorageی وێبگەڕەکەتدا دەنووسرێت — هیچ شتێک لە ئامێرەکەت دەرناچێت.

ئامرازە پەیوەندیدارەکان