HEX كودى ئۈچ دانە 8-بىتلىك ساننى ئالتە ھېكسادېسىمال رەقەمگە سېغدۇرغان. HEX نى RGB غا ئايلاندۇرۇش دېگەن بۇ رەقەملەرنى جۈپلەشكەندىن كېيىن ھەر بىر جۈپنى 0 دىن 255 غىچە بولغان ئونلۇق سانغا ئايلاندۇرۇشنى بىلدۈرىدۇ — بۇ CSS، Figma ۋە سۈرەت تەھرىرلەش قوراللىرى تەلەپ قىلىدىغان دەقىق قىممەت.
HEX دىن RGB غا ئايلاندۇرۇش قانداق ئىشلەيدۇ
- باشلىغۇچى # نى ئاشۇرۇپ تاشلا، كود پەقەت ئۈچ خەتلىك بولسا ھەر بىر ھەرىپلنى كۆپەيت: #f53 بولسا #ff5533 غا ئايلانغاچ.
- ئالتە رەقەمنى ئۈچ جۈپكە بۆل — RR، GG ۋە BB.
- ھەر بىر جۈپنى 16-لىق سىستېمىدىن ئونلۇققا ئايلاندۇر: FF 255، 57 87، 33 51 بولىدۇ.
- ئۈچ نەتىجىنى rgb(R, G, B) شەكلىدە ياز.
ئىشلىگەن مىسال
بۇ ئايلاندۇرۇش تەقلىدىي ئەمەس، تېخنىكىىلىك جەھەتتىن تەكشۈرۈش قەدىمى. HEX ۋە RGB بىر خىل sRGB قىممەتلىرىنى پەقەت باشقا نوتاتسىيەدە ئىپادىلەيدۇ، شۇڭا ھېچ نەرسە يىقىلمىغاندەك ياكى يۇقىتىلمىغان.
HEX ۋە RGB چۈشەندۈرۈلدى
HEX نېمە؟
HEX كودى ئالتە ھېكسادېسىمال ساندا مۇندەرىجە بولۇپ، باشلىغۇچى # ئارقىلىق رەڭنىڭ قىزىل، يېشىل ۋە كۆك كانالىنى ساقلايدۇ. ھەر بىر جۈپ سان بىر كانالنى كۆرسىتىدۇ، 00 (يوق) دىن FF (تۇلۇق) غىچە — بۇ RGB بىلەن ئوخشاش 16.7 مىليون رەڭنى قىسقاراق ئىپادىلەيدۇ. HEX CSS، لايىھە قوراللىرى ۋە ماركا كۆرسەتكۈچلىرىدە ئادەتتىكى تاللاش.
- سٶزلەپ ئېيتقاندا:
- #RRGGBB
- ئارىلىقى:
- ھەر بىر كانال ئۈچۈن 00–FF
- ئەڭ ياخشى قوللىنىلىدىغان جايى:
- CSS، لايىھە تاپشۇرۇش، ماركا كۆرسەتكۈچلىرى
RGB نېمە؟
RGB بىر رەڭنى ئۈچ يورۇق كانالى — قىزىل، يېشىل ۋە كۆك — ئارقىلىق 0 دىن 255 گىچە ئىپادىلەيدۇ. بۇ ئېكرانلارنىڭ ئۈلگىسىگە ماس كېلىدۇ: بارلىق كاناللار 255 بولسا ئاق، بارلىق 0 بولسا قارا. RGB سانلار بىلەن ھېسابلاش قىلىشقا ماس كېلىدۇ، rgba() بولسا ئۈستىگە شەفەپلىك قوشىدۇ.
- سٶزلەپ ئېيتقاندا:
- rgb(R, G, B)
- ئارىلىقى:
- ھەر بىر كانال ئۈچۈن 0–255
- ئەڭ ياخشى قوللىنىلىدىغان جايى:
- كود، canvas، rgba() بىلەن شەفەپلىك
HEX دىن RGB غا ئىشارەت جەدۋىلى
HEX دىن RGB غا ئايلاندۇرۇلغان ئەڭ كۆپ قوللىنىلىدىغان CSS رەڭلىرى.
| رەڭ | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |