HEX ኮድ ሶስት 8-bit ቁጥሮችን በስድስት 16ነሮች ውስጥ ይጠቀማል። HEXን ወደ RGB ለመቀየር እነዚህን ዲጂቶች ወደ ፍፁም ሁለቱ እያንዱ ክፍሎች መከፋፈር እና እያንዱን እንደ 10 ቁጥር መተርጎም ነው፣ እስከ 0 እስከ 255 — ይህም CSS, Figma እና የምስል አርታኢዎች የሚጠብቁት ዋጋ ነው።
HEX ወደ RGB የሚሰራው እንዴት እንደሆነ
- የመጀመሪያው # ይወስዱና ካኮዱ ሶስት ነጥቦች ብቻ ከሆኑ እያንዳንዱን ድግ ያድርጉ፡ #f53 ይህን ይሆናል #ff5533።
- ስድስቱ ዲጂቶችን ወደ ሶስት ፍፃሜ ፍፃሜዎች — RR, GG እና BB — ይከፋፍሩ።
- እያንዳንዱ ፍፃሜን እንደ 16 መሠረት ቁጥር ያነቁና ወደ 10 ያቀይሩ፡ FF ይሆናል 255፣ 57 ይሆናል 87፣ 33 ይሆናል 51።
- ሦስቱን ውጤቶች እንደ rgb(R, G, B) ይጻፉ።
ስንኳ የሠራ ነገር
ይህ ቀይር ትክክለኛ ነው። HEX እና RGB ተመሳሳይ የsRGB ዋጋዎችን በተለያዩ ማስተላለፊያዎች ይገልጻሉ፣ ስለዚህ በሁለቱም አቅጣጫዎች ምንም አይተና አይጠፋም።
HEX እና RGB ተለያዩ
HEX ምንድነው?
HEX ኮድ የቀለም ቀይ (red), አረንጓዴ (green) እና ሰማያዊ (blue) ቻነሎችን ከመጀመሪያው # ጋር የሚጠብቅ ስድስት አሃዛዊ ዲጂቶች ያለው ስድስት-ዲጂት ሕብረት ነው። ሁለቱ ፍፃሜ ዲጂቶች እያንዳንዱ አንድ ቻነል ይወክላሉ፣ ከ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) |