گۆڕەری RGB بۆ هێکس

ئەوە چییە و چۆن کار دەکات؟

چۆن RGB بگۆڕین بۆ HEX

1. سلاییدەرە سوور و سەوز و شینەکان ڕابکێشە — یان کۆدێکی HEX ڕاستەوخۆ لە خانەکەدا دابنێ — بۆ دیاریکردنی ڕەنگێک.
2. سەیری نموونەی پێشوەختە و بەهاکانی HEX، RGB و HSL بکە کە لەگەڵ گۆڕانی هەر شتێکدا ڕاستەوخۆ نوێ دەبنەوە.
3. کرتە لە هەر کارتێکی بەها بکە بۆ کۆپیکردنی، ئامادە بێت بۆ چەسپاندنی لە CSS، نەرمەکاڵای دیزاین، یان کۆد.

بنەماکانی ڕەنگ

ئاڕ جی بی، هێکس و ئێچ ئێس ئێڵ: جیاوازییەکەیان چییە؟

ڕەنگەکانی RGB و HEX و HSL هەموویان هەمان ڕەنگی ورد وەسف دەکەن — ئەوان تەنها ڕێگای جیاوازن بۆ نووسینی هەمان ژمارەکان. RGB ڕەنگێک پێناسە دەکات بەوەی کە چەند ڕووناکی سوور و سەوز و شین پێکەوە تێکەڵ دەبن بۆ دروستکردنی، هەریەکەیان لەسەر پێوەری ٠–٢٥٥. HEX هەمان بەهاکانی RGBـیە کە وەک کۆدێکی ١٦-جاریی کۆمپاکتی ٦-ژمارەیی نووسراونەتەوە، هەر بۆیە rgb(31, 58, 95) و #1f3a5f ڕەنگگەلێکی هاوشێوەن. بەڵام HSL ڕەنگێک بەپێی تۆن (شوێنەکەی لەسەر سووڕی ڕەنگ)، تێری (چەندە ڕوونە) و ڕووناکی — وەسف دەکات، کە فۆرماتێکە زۆرجار بۆ هەڵبژاردنی تۆنە هاوشێوەکان ئاسانترە.

شوێن کە هەر فۆرماتێک بە شێوەیەکی گشتی بەکاردێت

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

دیزاینی وێب

بەکارهێنانی ئەم بەهاکانە لە CSS

هەر یەکێک لە سێ فۆرماتەکە ڕاستەوخۆ لە ستایلشیتێکدا کار دەکات: color: #1f3a5f;, color: rgb(31, 58, 95); و color: hsl(210, 51%, 25%); هەموویان هەمان شینی تۆخ پیشان دەدەن. HEX باوترین کورتکراوە بۆ ڕەنگە تەواوەکانە، لە کاتێکدا RGB (یان rgba() جۆرەکەی) بەسوودە کاتێک ڕەنگێک پێویستی بە شەفافیەتی بەشەکی هەبێت، و HSL ئاسانکاری دەکات بۆ دروستکردنی کۆمەڵێک تۆنی یەکگرتوو لە ڕێگەی جێگیرکردنی ڕەنگە سەرەکییەکە و تەنها ڕێکخستنی ڕووناکییەکەی.

زۆرترین پرسیارەکان

پرسیارە باوەکان

ئایا ئەم گۆڕەرەی RGB بۆ HEX بەکارهێنانی بەخۆڕاییە؟+

بەڵێ. بە تەواوی بە جاڤاسکریپت لەناو وێبگەڕەکەتدا کار دەکات، بۆیە هیچ هەژمارێک، هیچ کلیلێکی API، و هیچ سنوورێک لەسەر ژمارەی بەکارهێنانەکانت نییە.

ئایا داتای ڕەنگەکانم بۆ هیچ شوێنێک بار دەکرێت؟+

نەخێر. هەموو گۆڕانکارییەک لەناوخۆی وێبگەڕەکەتدا ڕوودەدات. هیچ شتێک بۆ سێرڤەر نانێردرێت، پاشەکەوت ناکرێت، یان تۆمار ناکرێت.

What's the actual difference between HEX and RGB?+

ئەوان هەمان ڕەنگ بە نیشانەی جیاواز وەسف دەکەن — HEX کورتکراوەیەکی ٦-ژمارەیی بنچینە-١٦ـیە بۆ هەمان بەهاکانی سوور، سەوز و شین کە RGB وەک سێ ژمارەی جیاواز لە ٠ بۆ ٢٥٥ دەیاننوسێت.

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

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

• دروستکەری پالێتی ڕەنگ — پالێتێکی تەواو لە دەوری ڕەنگێکی گۆڕاو دروست بکە.
• دروستکەری فاڤیکۆن — وێنەیەک بگۆڕە بۆ سەرچاوەکانی فاڤیکۆن بۆ ماڵپەڕێک.
• ڕێکخەری جەیسن — ئامرازێکی تری خێرای وێبگەڕە و پێویستی بە خۆتۆمارکردن نییە.

شێواز

ئەم گۆڕەرە چۆن کار دەکات

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

دوایین نوێکردنەوە: ٢٨ی ئابی ٢٠٢٦.