RGB ሦስት ከ0 እስከ 255 ያሉ ዲሲማል ቻነሎችን ይሰጣል። ወደ HEX ለማለወጥ እያንዳንዱን ቻነል ወደ ሁለት-ዲጂት 16ነሮ ቁጥር ማንሳት ነው፣ እንደዚህ ሙሉ ቀለም ወደ አንድ አጭር ኮድ ይግባል የሚለውን እና ሁሉም አሳይ አንድ ድርጅት ይገባሉ።
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 ኮድ የቀለም ቀይ (red), አረንጓዴ (green) እና ሰማያዊ (blue) ቻነሎችን ከመጀመሪያው # ጋር የሚጠብቅ ስድስት አሃዛዊ ዲጂቶች ያለው ስድስት-ዲጂት ሕብረት ነው። ሁለቱ ፍፃሜ ዲጂቶች እያንዳንዱ አንድ ቻነል ይወክላሉ፣ ከ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 |