RGB yana ba ka tashoshi guda uku na decimal tsakanin 0 da 255. Canzawa zuwa HEX yana juya kowane tashar zuwa lambar hexadecimal mai lambobi biyu, don haka dukan launi ya dace cikin token ɗaya mai tsauri wanda kowanne burauza, kayan aikin zane da jagorar salon suka fahimta.
Yadda sauyin RGB zuwa HEX ke aiki
- Cire tashar ja (red) ka raba ta da 16: rabon (quotient) shi ne digit na farko, ragowar (remainder) shine na biyu.
- Rubuta lambobi 10 zuwa 15 azaman haruffa A zuwa F — 255 zai zama FF.
- Maimaita don kore da shuɗi, ka cika digit ɗin guda ɗaya da 0 a gaba: 5 zai zama 05.
- Haɗa waɗannan ma'aurata uku ka saka # a gabansu.
Misali da ya yi aiki
Tabbatacce ne, matuƙar tashoshi suna da ƙididdiga na gaba ɗaya daga 0 zuwa 255. Kima masu rabon kamar rgb(79.5, 70, 229) ana zagaye su zuwa mafi kusa gaba ɗaya da farko, domin HEX ba zai iya adana tsakani ba.
RGB da HEX an bayyana su
Menene RGB?
RGB yana bayyana launi a matsayin tashoshi uku na haske — ja, kore da shuɗi — kowane daga 0 zuwa 255. Yana da kamanceceniya da yadda allunan ke aiki: dukkanin uku a 255 suna ba da fari, duk a 0 suna ba da baki. RGB ya dace lokacin da kake buƙatar lissafi da launi, kuma rgba() yana ƙara rashin gani a saman.
- Sintaks:
- rgb(R, G, B)
- Iyakance:
- 0–255 per channel
- Mafi kyau don:
- lamba, canvas, rashin gani tare da rgba()
Menene HEX?
Lambar HEX tana da hexadecimal mai haruffa shida da ke adana tashoshin ja, kore da shuɗi na launi bayan #. Kowanne ma'aurata na lambobi yana wakiltar tashar guda, daga 00 (babu) zuwa FF (cikakke), wanda ke bada irin waɗannan launuka miliyan 16.7 kamar RGB amma a gajeren rubutu. HEX shine tsohuwar zabin a CSS, kayan aikin zane da ƙa'idodin alama.
- Sintaks:
- #RRGGBB
- Iyakance:
- 00–FF per channel
- Mafi kyau don:
- CSS, miƙa aikin zane, ƙa'idodin alama
teburin tunani na RGB zuwa HEX
Mafi yawan launukan CSS, an sauya daga RGB zuwa HEX.
| Launi | 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 |