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

چۆن کار دەکات

ئامرازەکە بەبێ هیچ کتێبخانەی دەرەکییەک بنیاتنراوە — هەموو ژمێریاری ڕەنگ بە جاڤاسکریپتی دەستنووس ڕاستەوخۆ لە وێبگەڕەکەتدا ڕادەبات. ڕەنگی هەڵبژێردراوت لەنێوان شازدەیی و HSLدا دەگۆڕێت، پاشان یاسای هاوئاهەنگی تیۆری ڕەنگی کلاسیکی (هاوتا، سێیانی، هاوشێوە، هتد) جێبەجێدەکات لە ڕێگای ژمێریاری چەرخی هیوەوە بۆ دروستکردنی هەر پاڵێتێک.

1. 1
   گۆڕینی شازدەیی-بۆ-HSL

   کاتێک ڕەنگێک هەڵدەبژێریت، ئامرازەکە ڕیزبەندی شازدەیی شیدەکاتەوە بۆ بەشە RGBـەکان و دەیانگۆڕێت بۆ HSL (هیو، تێری، ڕووناکی). هیو شوێنی 0–360 پلەیە لەسەر چەرخی ڕەنگ؛ هەموو ژمێریاری پاڵێت لەم بوارەدا ڕوودەدات.
2. 2
   ژمێریاری هیو بۆ هاوئاهەنگی

   هەر جۆرە پاڵێتێک فۆرمولێکی خولانەوەی جێگیرە کە بۆ هیوی سەرەکی جێبەجێدەکرێت. هاوتا 180° زیاد دەکات، سێیانی 120° و 240° زیاد دەکات، چوارتایی هەنگاوی 90° دەکات، هاوتای-پارچەکراو 150° و 210° بەکاردێنێت. تاک-ڕەنگ و تۆن هیو و تێری جێگیر دەهێڵنەوە لەکاتێکدا ڕووناکی بۆ سەرەوە و خوارەوە هەنگاو دەبات.
3. 3
   دەرچوونی HSL-بۆ-شازدەیی

   هەر سێیانی HSLی ژمێردراو دووبارە دەگۆڕدرێتەوە بۆ ڕەنگی شازدەیی بە بەکارهێنانی فۆرمولی ستانداردی کرۆما. ئەنجامەکان وەک نواری ڕەنگ لەگەڵ لەیبڵی جیاوازیی-خۆکار دەردەکەون (دەقی تاریک لەسەر نموونەی ڕووناک، دەقی ڕووناک لەسەر تاریک) بە سنووری ڕووناکیی سادە دیاریکراون.
4. 4
   بە فۆرماتی دڵخوازت دەریبهێنە

   پاڵێتەکە دەتوانرێت وەک ڕیزبەندی شازدەیی کۆپی بکرێت یان وەک فایلی گۆڕاوی CSS دەریبهێنرێت (:root { --color-1: … })، گۆڕاوی SCSS، پارچەیەک ڕێکخستنی Tailwind، ئۆبجێکتێکی JSON، یان نواری ڕەنگی PNG. دەرهێنانی PNG APIی Canvasی وێبگەڕ بەکاردێنێت (toDataURL) بۆ کێشانی هەر نموونەیەک لەگەڵ لەیبڵی شازدەییەوە — هەموو شتێک لە کرتەکردندا بەشێوەیەکی ناوخۆیی دروستدەکرێت.

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