RGB سەنگە 0 دىن 255 گىچە بولغان ئۈچ ئونلۇق كانال بېرىدۇ. HEX غا ئايلاندۇرۇش ھەر بىر كانالنى ئىككى خەتلىك ھېكسادېسىمال سانغا ئايلاندۇرىدۇ، شۇنداق قىلىپ پۈتۈن رەڭ بىر قىسقاراق بىر بېلگەگە سىغىدۇكى، ھەر بىر براۋزېر، لايىھە قورالى ۋە ئۇسلۇب قوللانمىسى تەسدىقلايدۇ.
RGB دىن HEX غا ئايلاندۇرۇش قانداق ئىشلەيدۇ
- قىزىل چانالنى 16 غا بۆل، بولۇنىشى تۇنجى رەقەم بولىدۇ، قالىقى ئىككىنچى رەقەم.
- 10 دىن 15 كەچە بولغان رەقەملەرنى A دىن F غىچە ھەرپلەر بىلەن يېزىپ قوي — 255 FF بولىدۇ.
- يېشىل ۋە كۆك ئۈچۈنمۇ قايتا قىل، بىر رەقەملىك قىممەتلەرنى ئالدىغا 0 قوشۇپ تولدۇر: 5 بولسا 05 بولىدۇ.
- ئۈچ جوپلۇقتىكى ھەممىنى بىرلەشتۈرۈپ ئالدىغا # قوي.
ئىشلىگەن مىسال
توغرا، ئەگەر چاناللار 0 دىن 255 گىچە بولغان تۇلۇق سانلار بولسا. rgb(79.5, 70, 229) دەگىدەك بۆلۈنمە قىممەتلەر ئالدىن يېقىن تۇلۇق سانغا ياكى يۇقىرى ياكى تۆۋەن يېقىنلاش قىلىنىدۇ، چۈنكى HEX ئارادىكى قىممەتنى ساقلايدۇالمايدۇ.
RGB ۋە HEX چۈشەندۈرۈلدى
RGB نېمە؟
RGB بىر رەڭنى ئۈچ يورۇق كانالى — قىزىل، يېشىل ۋە كۆك — ئارقىلىق 0 دىن 255 گىچە ئىپادىلەيدۇ. بۇ ئېكرانلارنىڭ ئۈلگىسىگە ماس كېلىدۇ: بارلىق كاناللار 255 بولسا ئاق، بارلىق 0 بولسا قارا. RGB سانلار بىلەن ھېسابلاش قىلىشقا ماس كېلىدۇ، rgba() بولسا ئۈستىگە شەفەپلىك قوشىدۇ.
- سٶزلەپ ئېيتقاندا:
- rgb(R, G, B)
- ئارىلىقى:
- ھەر بىر كانال ئۈچۈن 0–255
- ئەڭ ياخشى قوللىنىلىدىغان جايى:
- كود، canvas، rgba() بىلەن شەفەپلىك
HEX نېمە؟
HEX كودى ئالتە ھېكسادېسىمال ساندا مۇندەرىجە بولۇپ، باشلىغۇچى # ئارقىلىق رەڭنىڭ قىزىل، يېشىل ۋە كۆك كانالىنى ساقلايدۇ. ھەر بىر جۈپ سان بىر كانالنى كۆرسىتىدۇ، 00 (يوق) دىن FF (تۇلۇق) غىچە — بۇ RGB بىلەن ئوخشاش 16.7 مىليون رەڭنى قىسقاراق ئىپادىلەيدۇ. HEX CSS، لايىھە قوراللىرى ۋە ماركا كۆرسەتكۈچلىرىدە ئادەتتىكى تاللاش.
- سٶزلەپ ئېيتقاندا:
- #RRGGBB
- ئارىلىقى:
- ھەر بىر كانال ئۈچۈن 00–FF
- ئەڭ ياخشى قوللىنىلىدىغان جايى:
- CSS، لايىھە تاپشۇرۇش، ماركا كۆرسەتكۈچلىرى
RGB دىن HEX غا ئىشارەت جەدۋىلى
RGB دىن HEX غا ئايلاندۇرۇلغان ئەڭ كۆپ قوللىنىلىدىغان CSS رەڭلىرى.
| رەڭ | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |