Lambar HEX ta haɗa lambobi uku na 8-bit cikin haruffa hexadecimal shida. Sauyawa daga HEX zuwa RGB na nufin raba waɗannan haruffa zuwa ma'aurata sannan a karanta kowanne a matsayin lamba a cikin decimal tsakanin 0 da 255 — daidai ƙimar da CSS, Figma da editan hoto ke sa ran samu.
Yadda sauyin HEX zuwa RGB ke aiki
- Cire # na farko kuma, idan lambar tana da haruffa uku kawai, ninka kowanne: #f53 yana zama #ff5533.
- Raba haruffa shida zuwa ma'aurata uku — RR, GG da BB.
- Karanta kowanne ma'aurata a matsayin lamba tushe-16 ka mayar da shi zuwa tushe-10: FF ya zama 255, 57 ya zama 87, 33 ya zama 51.
- Rubuta sakamakon uku a matsayin rgb(R, G, B).
Misali da ya yi aiki
Wannan sauyin daidai ne. HEX da RGB suna bayyana waɗannan ƙimar sRGB iri ɗaya a cikin rubutu daban, don haka babu abin da ake zagaye ko rasa a ko'ina.
HEX da RGB an bayyana su
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
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()
teburin tunani na HEX zuwa RGB
Mafi yawan launukan CSS, an sauya daga HEX zuwa RGB.
| Launi | 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) |