HEX ወደ RGB ቀለም መቀየሪያ

HEX እና RGB፦ ተመሳሳይ ቀለም ለመጻፍ ሁለት መንገዶች

በስክሪን ላይ የሚያዩት እያንዳንዱ ቀለም ከሦስት ብርሃኖች የተቀላቀለ ነው፦ ቀይ፣ አረንጓዴ እና ሰማያዊ። ሦስቱንም ወደ ላይ ካደረጉ ነጭ ያገኛሉ፤ ሦስቱንም ካጠፉ ጥቁር ያገኛሉ። HEX እና RGB እያንዳንዱ ከሦስቱ ቻናሎች ምን ያህል ብሩህ መሆን እንዳለበት ለመግለጽ ሁለት አጻጻፍ ስርዓቶች ብቻ ናቸው። ተመሳሳይ ትክክለኛ ቀለም ላይ ይጠቁማሉ፣ ስለዚህ ጥሩ መቀየሪያ በሁለቱ የአጻጻፍ ስርዓቶች መካከል ብቻ ይተረጉማል ትክክለኛውን ቀለም ፈጽሞ ሳይለውጥ። ይህ መሳሪያ የሚያደርገው ይህንኑ ነው፣ ሙሉ በሙሉ በአሳሽዎ ውስጥ፣ ውጤቱን በራስዎ አይን እንዲያረጋግጡ ቀጥታ የቀለም ናሙና እያሳየ።

ሄክስ ኮድ እንዴት እንደሚነበብ

የሄክስ ቀለም እንደ #1E90FF ይመስላል። የሃሽ ምልክቱ ጅምሩን ብቻ ያመለክታል፤ ከዛ በኋላ ያሉት ስድስት ፊደላት ሦስት ጥንድ ናቸው፣ በ#RRGGBB ስርዓት የተጻፉ። የመጀመሪያው ጥንድ ቀይ ነው፣ ሁለተኛው አረንጓዴ ነው፣ ሦስተኛው ሰማያዊ ነው። እያንዳንዱ ጥንድ በሄክሳዴሲማል የተጻፈ ቁጥር ነው፣ ማለትም መሰረት 16፣ አሃዞቹ ከ0-9 ይሮጣሉ ከዚያም A፣ B፣ C፣ D፣ E፣ F ከ10 እስከ 15 ያሉትን ይወክላሉ። አንድ ጥንድ ከ00 (ቻናሉ ሙሉ በሙሉ ጠፍቷል) እስከ FF (ሙሉ በሙሉ በርቷል) ያሉ እሴቶችን ሊይዝ ይችላል። በቀላል አስርዮሽ ያ ወሰን በትክክል ከ0 እስከ 255 ነው፣ RGB የሚጠቀምበት ተመሳሳይ መጠን። በአንድ ቻናል 256 ሊሆኑ የሚችሉ ደረጃዎች ስላሉ፣ ስድስት-አሃዝ ቅርጹ 16,777,216 የተለያዩ ቀለሞችን ሊገልጽ ይችላል።

በሁለቱም አቅጣጫ መቀየር፣ ከምሳሌ ጋር

ከHEX ወደ RGB ለመቀየር፣ ኮዱን ወደ ሦስቱ ጥንዶቹ ይክፈሉት እና እያንዳንዱን ከመሰረት 16 ወደ መደበኛ አስርዮሽ ይለውጡ። #1E90FFን ይውሰዱ። የቀይ ጥንድ 1E ነው፦ ያ 1 በ16 ተባዝቶ፣ ተጨማሪ 14 (E)፣ እኩል 30 ይሆናል። የአረንጓዴ ጥንድ 90 9 በ16 ተባዝቶ፣ ተጨማሪ 0፣ እኩል 144 ነው። የሰማያዊ ጥንድ FF 15 በ16 ተባዝቶ፣ ተጨማሪ 15፣ እኩል 255 ነው። ስለዚህ #1E90FF ወደ rgb(30, 144, 255) ይለወጣል — የታወቀው dodger blue።

ወደ ተቃራኒው መሄድ ተመሳሳይ ሂደት ተገልብጦ ነው። እያንዳንዱን RGB ቁጥር ወስደው እንደ ሁለት ሄክስ አሃዞች ይጻፉ። ንጹህ ቀይ፣ rgb(255, 0, 0)፣ FF፣ 00 እና 00 ይሰጣል፣ እነሱም ተጣምረው #FF0000 ይሆናሉ። አንድ ማስታወስ ተገቢ ነገር ቢኖር፦ አንድ እሴት ከ16 በታች ከሆነ አሁንም ሁለቱም አሃዞች ያስፈልጉዎታል፣ ስለዚህ 5 05 ተብሎ ይጻፋል ልክ 5 ብቻ ሳይሆን። መቀየሪያው ያንን ፓድ ለእርስዎ ያደርገዋል፣ ግን በእጅ ሲሰሩት ብዙ ሰዎችን ያሳስታል።

እያንዳንዱ ቅርጽ የት ጥቅም ላይ ይውላል

HEX የድር ዕለታዊ ቋንቋ ነው። CSS፣ HTML እና አብዛኛው የሚጽፉት ኮድ ለሄክስ ኮዶች ይደርሳሉ ምክንያቱም ጥብቅ እና ኮፒ ለማድረግ ቀላል ስለሆኑ። RGB ብዙውን ጊዜ በዲዛይን እና ምስል መሳሪያዎች ውስጥ ይታያል — Figma፣ Photoshop፣ Sketch እና Illustrator ብዙውን ጊዜ ተንሸራታቾችን ወይም መስኮችን ከ0-255 ወሰን ውስጥ ያሳያሉ፣ የስክሪን-ቀረጻ ወይም ቪዲዮ መተግበሪያዎችም ብዙውን ጊዜ RGB ይጠብቃሉ። ስለዚህ ብዙውን ጊዜ ከስታይልሺት ውስጥ ሄክስ ኮድ ይይዙና የRGB ቅርጹ ወደ ዲዛይን ፓነል ለመተየብ ያስፈልግዎታል፣ ወይም በተቃራኒው። ያ ደግሞ-ደግም ጉዞ መቀየሪያ ጠቃሚ የሚሆንበት ዋና ምክንያት ነው። አንድ ቀለም ከመተርጎም ይልቅ ሙሉ የተመሳሳይ ጥላዎች ስብስብ መገንባት ካስፈለገዎት፣ የየቀለም ፓሌት ፈጣሪያችን የተሻለ መነሻ ነው፣ ተጨማሪ እንደዚህ ያሉ መገልገያዎችንም ከየገንቢ መሳሪያዎች ስር ያገኛሉ።

አልፋ፣ ግልጽነት እና HSL

ሁለቱም አጻጻፎች ግልጽነትን የሚጨምር የተራዘመ ቅርጽ አላቸው። RGB ወደ rgba(30, 144, 255, 0.5) ይለወጣል፣ አራተኛው እሴት አልፋ ነው — 0 ሙሉ በሙሉ ግልጽ ነው 1 ደግሞ ሙሉ በሙሉ ጠንካራ ነው። HEX ለተመሳሳይ ዓላማ አራተኛ ጥንድ ይጨምራል፣ ስምንት-አሃዝ #RRGGBBAA ኮድ ይሰጣል፤ 80ን ለምሳሌ ግምት 50 በመቶ ግልጽነት ነው። አንዳንድ መቀየሪያዎች HSL (hue፣ saturation፣ lightness) ም ያቀርባሉ፣ ይህ ቀለምን ሰው ሊያስብበት በሚችል መልኩ ይገልጻል — በጎማው ላይ hue ይምረጡ፣ ከዚያ ብሩህነቱን እና ግልጽነቱን ያስተካክሉ። HSL የተለየ አዕምሮአዊ ሞዴል ነው ከተለየ ቀለም ስብስብ ይልቅ፣ ስለዚህ ቀለም ቀለል ወይም ደብዘዝ ያለ ለማድረግ ሦስት የተለያዩ ቁጥሮችን ሳያደናቅፉ ሲፈልጉ የበለጠ ተፈጥሯዊ ሊሆን ይችላል።

በተደጋጋሚ የሚጠየቁ ጥያቄዎች