ቀለም መ. የቅጦች ቀለም በተለያዩ መንገዶች ሊዘጋጅ ይችላል፡ በሄክሳዴሲማል እሴት፣ በስም፣ በRGB፣ RGBA፣ HSL፣ HSLA ቅርጸት

በኤችቲኤምኤል ውስጥ ቀለም በሦስት መንገዶች ሊገለጽ ይችላል-

በኤችቲኤምኤል ውስጥ ቀለምን በስሙ በማዘጋጀት ላይ

በእንግሊዘኛ የቀለሙን ስም እንደ ዋጋ በመጠቀም አንዳንድ ቀለሞች በስማቸው ሊገለጹ ይችላሉ. በጣም የተለመዱት ቁልፍ ቃላት፡ ጥቁር (ጥቁር)፣ ነጭ (ነጭ)፣ ቀይ (ቀይ)፣ አረንጓዴ (አረንጓዴ)፣ ሰማያዊ (ሰማያዊ)፣ ወዘተ.

የጽሑፍ ቀለም - ቀይ

የአለም አቀፍ ድር ኮንሰርቲየም (W3C) መስፈርት በጣም ታዋቂዎቹ ቀለሞች፡-

ቀለምስምቀለምስም ቀለምስም ቀለምስም
ጥቁር ግራጫ ብር ነጭ
ቢጫ ኖራ አኳ ፉቺያ
ቀይ አረንጓዴ ሰማያዊ ሐምራዊ
ማሮን የወይራ የባህር ኃይል ሻይ

የተለያዩ የቀለም ስሞችን የመጠቀም ምሳሌ

ምሳሌ፡ ቀለምን በስሙ ማዘጋጀት

  • ራስህ ሞክር"

ራስጌ በቀይ ዳራ ላይ

ራስጌ በብርቱካናማ ጀርባ ላይ

በኖራ ዳራ ላይ ራስጌ

በሰማያዊ ዳራ ላይ ነጭ ጽሑፍ

ራስጌ በቀይ ዳራ ላይ

ራስጌ በብርቱካናማ ጀርባ ላይ

በኖራ ዳራ ላይ ራስጌ

በሰማያዊ ዳራ ላይ ነጭ ጽሑፍ

ከ RGB ጋር ቀለም መግለጽ

በመቆጣጠሪያው ላይ የተለያዩ ቀለሞችን ሲያሳዩ, የ RGB ቤተ-ስዕል እንደ መሰረት ይወሰዳል. ማንኛውም ቀለም የሚገኘው ሦስቱን ዋና ዋናዎቹን በማቀላቀል ነው. አር - ቀይ, ጂ - አረንጓዴ (አረንጓዴ), ቢ - ሰማያዊ (ሰማያዊ). የእያንዳንዱ ቀለም ብሩህነት በአንድ ባይት የሚሰጥ ስለሆነ ከ0 እስከ 255 እሴቶችን ሊወስድ ይችላል። ለምሳሌ፣ RGB (255,0,0) ቀይ ሆኖ ተሠርቷል ምክንያቱም ቀይ ወደ ከፍተኛ ዋጋው (255) እና ቀሪው ወደ 0 ተቀናብሯል እንዲሁም ቀለሙን እንደ መቶኛ ማዘጋጀት ይችላሉ። እያንዳንዱ መመዘኛዎች የሚዛመደው ቀለም ብሩህነት ደረጃን ያመለክታሉ. ለምሳሌ፡ እሴቶቹ rgb (127፣ 255፣ 127) እና rgb(50%፣ 100%፣ 50%) ተመሳሳይ መካከለኛ ሙሌት አረንጓዴ ቀለም ያስቀምጣሉ።

ምሳሌ፡ ከ RGB ጋር ቀለም መግለጽ

  • ራስህ ሞክር"

አርጂቢ (127, 255, 127)

rgb(50%፣ 100%፣ 50%)

አርጂቢ (127, 255, 127)

rgb(50%፣ 100%፣ 50%)

ቀለም በሄክሳዴሲማል እሴት አዘጋጅ

እሴቶች አር እንዲሁም ሄክሳዴሲማል (HEX) የቀለም እሴቶችን በቅጹ በመጠቀም ሊገለጽ ይችላል፡ #RRGGBB RR (ቀይ)፣ ጂጂ (አረንጓዴ) እና BB (ሰማያዊ) ሄክሳዴሲማል ከ 00 እስከ ኤፍኤፍ (አስርዮሽ 0- ተመሳሳይ ነው)። 255)። ሄክሳዴሲማል ከአስርዮሽ ስርዓት በተለየ መልኩ ስሙ እንደሚያመለክተው በቁጥር 16 ላይ የተመሰረተ ነው። A, B, C, D, E, F. እዚህ ከ 10 እስከ 15 ያሉት ቁጥሮች በላቲን ፊደላት ተተክተዋል. በሄክሳዴሲማል ስርዓት ውስጥ ከ15 በላይ ቁጥሮች የሁለት ቁምፊዎች አንድነት ወደ አንድ እሴት ነው። ለምሳሌ፣ በአስርዮሽ ውስጥ ያለው ከፍተኛው ቁጥር 255 በሄክሳዴሲማል ካለው ከፍተኛው ኤፍኤፍ ጋር ይዛመዳል። ከአስርዮሽ ስርዓት በተለየ የሄክሳዴሲማል ቁጥሩ በፓውንድ ምልክት ይቀድማል። # ለምሳሌ #FF0000 ቀይ ሆኖ ይታያል ምክንያቱም ቀይ ወደ ከፍተኛ እሴቱ (ኤፍኤፍ) እና ሌሎች ቀለሞች በትንሹ እሴታቸው (00) ተቀምጠዋል። ከሃሽ ምልክት በኋላ ያሉ ገጸ-ባህሪያት # በሁለቱም አቢይ ሆሄያት እና በትንንሽ ሆሄያት መተየብ ይቻላል። የሄክሳዴሲማል ስርዓት #rgb የሚለውን አህጽሮተ ቃል እንድትጠቀም ይፈቅድልሃል፣እዚያም እያንዳንዱ ቁምፊ ሁለት ጊዜ እኩል ነው። ስለዚህ፣ የ#f7O መግቢያ እንደ #ff7700 መቆጠር አለበት።

ምሳሌ፡ ቀለም HEX

  • ራስህ ሞክር"

ቀይ፡ #ኤፍኤፍ0000

አረንጓዴ: # 00FF00

ሰማያዊ: # 0000FF

ቀይ፡ #ኤፍኤፍ0000

አረንጓዴ: # 00FF00

ሰማያዊ: # 0000FF

ቀይ+አረንጓዴ=ቢጫ፡ #FFFF00

ቀይ+ሰማያዊ=ሐምራዊ፡ #FF00FF

አረንጓዴ+ሰማያዊ=ሳይያን፡ #00FFFF

በብዛት ጥቅም ላይ የዋሉ ቀለሞች ዝርዝር (ስም ፣ HEX እና RGB)

የእንግሊዝኛ ስም የሩሲያ ስም ናሙና HEX አርጂቢ
አማራነት አማራንት #E52B50 229 43 80
አምበር አምበር #FFBF00 255 191 0
አኳ ሰማያዊ አረንጓዴ #00FFFF 0 255 255
Azure Azure # 007ኤፍኤፍ 0 127 255
ጥቁር ጥቁር #000000 0 0 0
ሰማያዊ ሰማያዊ #0000ኤፍኤፍ 0 0 255
ቦንዲ ሰማያዊ ቦንዲ የባህር ዳርቻ ውሃ # 0095B6 0 149 182
ናስ ናስ #B5A642 181 166 66
ብናማ ብናማ # 964B00 150 75 0
ሴሩሊያን Azure # 007BA7 0 123 167
ጥቁር ጸደይ አረንጓዴ ጥቁር ጸደይ አረንጓዴ #177245 23 114 69
ኤመራልድ ኤመራልድ # 50C878 80 200 120
የእንቁላል ፍሬ ኤግፕላንት #990066 153 0 102
ፉቺያ ፉቺያ #FF00FF 255 0 255
ወርቅ ወርቅ #ኤፍኤፍዲ700 250 215 0
ግራጫ ግራጫ #808080 128 128 128
አረንጓዴ አረንጓዴ #00FF00 0 255 0
ኢንዲጎ ኢንዲጎ # 4B0082 75 0 130
ጄድ ጄድ #00A86B 0 168 107
ኖራ ሎሚ #CCFF00 204 255 0
ሚልክያስ ሚልክያስ #0BDA51 11 218 81
የባህር ኃይል ጥቁር ደማቅ ሰማያዊ #000080 0 0 128
ኦቸር ኦቸር #CC7722 204 119 34
የወይራ የወይራ #808000 128 128 0
ብርቱካናማ ብርቱካናማ #ኤፍኤፍኤ500 255 165 0
ኮክ ኮክ #FFE5B4 255 229 180
ዱባ ዱባ #ኤፍኤፍ7518 255 117 24
ሐምራዊ ቫዮሌት #800080 128 0 128
ቀይ ቀይ #ኤፍኤፍ0000 255 0 0
ሳፍሮን ሳፍሮን #F4C430 244 196 48
የባህር አረንጓዴ አረንጓዴ ባህር #2E8B57 46 139 87
ረግረጋማ አረንጓዴ ቦሎትኒ #ACB78E 172 183 142
ሻይ ሰማያዊ አረንጓዴ #008080 0 128 128
አልትራማሪን ultramarine #120A8F 18 10 143
ቫዮሌት ቫዮሌት #8B00FF 139 0 255
ቢጫ ቢጫ #FFFF00 255 255 0

የቀለም ኮዶች (ዳራ) በሙሌት እና በቀለም።

በ CSS ውስጥ ያሉ የቀለም ኮዶች ቀለሞችን ለመለየት ጥቅም ላይ ይውላሉ። በተለምዶ የቀለም ኮዶች ወይም የቀለም እሴቶች ለአንድ ንጥረ ነገር የፊት ገጽታ (ለምሳሌ ፣ ጽሑፍ ፣ የአገናኝ ቀለም) ወይም የንጥሉ ዳራ (ዳራ ፣ የብሎክ ቀለም) ቀለም ለማዘጋጀት ያገለግላሉ። እንዲሁም የአዝራር ቀለም, ድንበሮች, ማርከር, ማንዣበብ እና ሌሎች የጌጣጌጥ ውጤቶችን ለመለወጥ ጥቅም ላይ ሊውሉ ይችላሉ.

የእርስዎን የቀለም ዋጋዎች በተለያዩ ቅርጸቶች ማዘጋጀት ይችላሉ. የሚከተለው ሠንጠረዥ ሁሉንም ሊሆኑ የሚችሉ ቅርጸቶችን ይዘረዝራል፡

እነዚህ ቅርጸቶች ከዚህ በታች በበለጠ ዝርዝር ተገልጸዋል.

የሲኤስኤስ ቀለሞች - የሄክስ ኮዶች

ሄክሳዴሲማል የቀለም ኮድባለ ስድስት አሃዝ ቀለም ውክልና ነው። የመጀመሪያዎቹ ሁለት አሃዞች (RR) ቀይ እሴት ናቸው, ቀጣዮቹ ሁለቱ አረንጓዴ እሴት (ጂጂ) እና የመጨረሻዎቹ ሁለቱ ሰማያዊ ዋጋ (BB) ናቸው.

የሲኤስኤስ ቀለሞች - አጭር የሄክስ ኮዶች

አጭር ሄክሳዴሲማል የቀለም ኮድአጭር ባለ ስድስት ቁምፊዎች ምልክት ነው። በዚህ ቅርፀት እያንዳንዱ አሃዝ ተመሳሳዩን ባለ ስድስት አሃዝ ቀለም እሴት ለማምረት ይደገማል። ለምሳሌ፡ #0F0 #00FF00 ይሆናል።

ሄክሳዴሲማል እሴቱ ከማንኛውም ግራፊክስ ሶፍትዌር ለምሳሌ አዶቤ ፎቶሾፕ፣ ኮር ስዕል፣ ወዘተ ሊወሰድ ይችላል።

በሲኤስኤስ ውስጥ ያለው እያንዳንዱ ሄክሳዴሲማል ቀለም ኮድ በ"#" ሃሽ ምልክት ይቀድማል። የሚከተሉት የሄክሳዴሲማል ማስታወሻ አጠቃቀም ምሳሌዎች ናቸው።

የሲኤስኤስ ቀለሞች - RGB እሴቶች

የ RGB እሴትየ rgb() ንብረቱን በመጠቀም የተቀናበረ የቀለም ኮድ ነው። ይህ ንብረት ሦስት እሴቶችን ይወስዳል፡ አንድ እያንዳንዳቸው ለቀይ፣ አረንጓዴ እና ሰማያዊ። እሴቱ ኢንቲጀር ከ 0 እስከ 255 ወይም መቶኛ ሊሆን ይችላል።

ማስታወሻ:ሁሉም አሳሾች የrgb() ቀለም ንብረቱን አይደግፉም፣ ስለዚህ እሱን ለመጠቀም አይመከርም።

ከዚህ በታች የ RGB እሴቶችን በመጠቀም ብዙ ቀለሞችን የሚያሳይ ምሳሌ አለ።

የቀለም ኮድ ጀነሬተር

በአገልግሎታችን በሚሊዮን የሚቆጠሩ የቀለም ኮዶችን መፍጠር ይችላሉ።

ደህንነቱ የተጠበቀ የአሳሽ ቀለሞች

ከዚህ በታች በጣም ደህንነታቸው የተጠበቀ እና ከኮምፒዩተር ነፃ የሆኑ 216 ቀለሞች ሠንጠረዥ አለ። በሲኤስኤስ ውስጥ ያሉት እነዚህ ቀለሞች ከ000000 እስከ FFFFFF የሄክስ ኮድ ይደርሳሉ። ሁሉም ኮምፒውተሮች ከ 256 የቀለም ቤተ-ስዕል ጋር ሲሰሩ ቀለም በትክክል እንደሚያሳዩ ስለሚያረጋግጡ ለመጠቀም ደህና ናቸው።

በሲኤስኤስ ውስጥ "ደህንነቱ የተጠበቀ" ቀለሞች ሰንጠረዥ
#000000 #000033 #000066 #000099 #0000CC#0000ኤፍኤፍ
#003300 #003333 #003366 #003399 #0033CC# 0033ኤፍ.ኤ
#006600 #006633 #006666 #006699 # 0066CC# 0066ኤፍኤ
#009900 #009933 #009966 #009999 #0099CC#0099ኤፍኤ
#00CC00#00CC33#00CC66#00CC99#00CCCC#00CCFF
#00FF00#00FF33#00FF66#00FF99#00FFCC#00FFFF
#330000 #330033 #330066 #330099 #3300CC#3300ኤፍኤ
#333300 #333333 #333366 #333399 #3333CC#3333ኤፍ.ኤ
#336600 #336633 #336666 #336699 #3366CC# 3366ኤፍ.ኤ
#339900 #339933 #339966 #339999 #3399CC# 3399ኤፍኤፍ
#33CC00#33CC33#33CC66#33CC99#33CCCC#33CCFF
#33FF00#33FF33#33FF66#33FF99#33ኤፍ.ሲ.ሲ#33FFFF
#660000 #660033 #660066 #660099 #6600CC#6600ኤፍኤፍ
#663300 #663333 #663366 #663399 #6633CC#6633ኤፍ.ኤ
#666600 #666633 #666666 #666699 #6666CC# 6666ኤፍኤፍ
#669900 #669933 #669966 #669999 #6699CC#6699FF
#66CC00#66CC33#66CC66#66CC99#66CCCC#66CCFF
#66FF00#66FF33#66FF66#66FF99#66FFCC#66FFFF
#990000 #990033 #990066 #990099 #9900CC#9900ኤፍኤ
#993300 #993333 #993366 #993399 #9933CC#9933ኤፍ.ኤ
#996600 #996633 #996666 #996699 #9966CC#9966ኤፍ.ኤ
#999900 #999933 #999966 #999999 #9999CC#9999FF
#99CC00#99CC33#99CC66#99CC99#99CCCC#99CCFF
#99FF00#99FF33#99FF66#99FF99#99FFCC#99FFFF
#CC0000#CC0033#CC0066#CC0099#CC00CC#CC00FF
#CC3300#CC3333#CC3366#CC3399#CC33CC#CC33FF
#CC6600#CC6633#CC6666#CC6699#CC66CC#CC66FF
#CC9900#CC9933#CC9966#CC9999#CC99CC#CC99FF
#CCCC00#CCCC33#CCCC66#CCCC99#CCCCCC#CCCCFF
#CCFF00#CCFF33#CCFF66#CCFF99#CCFFCC#CCFFFF
#ኤፍኤፍ0000#ኤፍኤፍ0033#ኤፍኤፍ0066#ኤፍኤፍ0099#ኤፍኤፍ00CC#FF00FF
#ኤፍኤፍ3300#ኤፍኤፍ3333#ኤፍኤፍ3366#ኤፍኤፍ3399#FF33CC#FF33FF
#ኤፍኤፍ6600#ኤፍኤፍ6633#ኤፍኤፍ6666#ኤፍኤፍ6699#FF66CC#FF66FF
#ኤፍኤፍ9900#ኤፍኤፍ9933#ኤፍኤፍ9966#FF9999#FF99CC#FF99FF
#FFCC00#FFCC33#FFCC66#FFCC99#ኤፍ.ሲ.ሲ.ሲ#FFCCFF
#FFFF00#FFFF33#FFFF66#FFFF99#FFFFCC#FFFFFF

ቭላድ ሜርሼቪች

በኤችቲኤምኤል ውስጥ ቀለሙ ከሁለት መንገዶች በአንዱ ይገለጻል-ሄክሳዴሲማል ኮድ በመጠቀም እና በአንዳንድ ቀለሞች ስም። በብዛት ጥቅም ላይ የሚውለው ዘዴ በሄክሳዴሲማል ስርዓት ላይ የተመሰረተ ነው, እንደ ሁለንተናዊ.

ሄክሳዴሲማል ቀለሞች

ኤችቲኤምኤል ቀለሞችን ለመለየት ሄክሳዴሲማል ቁጥሮችን ይጠቀማል። የሄክሳዴሲማል ስርዓት ከአስርዮሽ ስርዓት በተለየ መልኩ ስሙ እንደሚያመለክተው በቁጥር 16 ላይ የተመሰረተ ነው. ቁጥሮቹ የሚከተሉት ይሆናሉ: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C, D, E, F. ከ 10 እስከ 15 ያሉት ቁጥሮች በላቲን ፊደላት ይተካሉ. በሠንጠረዥ ውስጥ. 6.1 በአስርዮሽ እና በሄክሳዴሲማል ቁጥሮች መካከል ያለውን ግንኙነት ያሳያል።

በሄክሳዴሲማል ስርዓት ውስጥ ከ 15 በላይ ቁጥሮች የተፈጠሩት ሁለት ቁጥሮችን ወደ አንድ በማጣመር ነው (ሠንጠረዥ 6.2). ለምሳሌ፣ በአስርዮሽ ውስጥ ያለው ቁጥር 255 በሄክሳዴሲማል ካለው ኤፍኤፍ ቁጥር ጋር ይዛመዳል።

በቁጥር ስርዓት ትርጓሜ ላይ ግራ መጋባትን ለማስወገድ ሄክሳዴሲማል ቁጥሩ በፓውንድ ምልክት # ይቀድማል ለምሳሌ #aa69cc። በዚህ አጋጣሚ ጉዳዩ ምንም ለውጥ አያመጣም ስለዚህ #F0F0F0 ወይም #f0f0f0 መፃፍ ይፈቀዳል።

በኤችቲኤምኤል ውስጥ ጥቅም ላይ የዋለው የተለመደ ቀለም እንደሚከተለው ነው.

እዚህ፣ የድረ-ገጹ የጀርባ ቀለም ወደ #FA8E47 ተቀናብሯል። ከቁጥር ፊት ያለው የ ፓውንድ ምልክት # በሄክሳዴሲማል ነው ማለት ነው። የመጀመሪያዎቹ ሁለት አሃዞች (ኤፍኤ) የቀለማውን ቀይ አካል፣ ከሦስተኛው እስከ አራተኛው አሃዝ (8ኢ) አረንጓዴውን ክፍል እና የመጨረሻዎቹ ሁለት አሃዞች (47) ሰማያዊውን አካል ይገልፃሉ። የመጨረሻው ውጤት ይህ ቀለም ነው.

ኤፍ.ኤ + 8ኢ + 47 = FA8E47

እያንዳንዳቸው ሶስት ቀለሞች - ቀይ ፣ አረንጓዴ እና ሰማያዊ - ከ 00 እስከ ኤፍኤፍ እሴቶችን ሊወስዱ ይችላሉ ፣ ይህም በመጨረሻ 256 ጥላዎችን ይፈጥራል። ስለዚህ, አጠቃላይ የቀለም ብዛት 256x256x256 = 16.777.216 ጥምረት ሊሆን ይችላል. በቀይ, አረንጓዴ እና ሰማያዊ አካላት ላይ የተመሰረተው የቀለም ሞዴል RGB (ቀይ, አረንጓዴ, ሰማያዊ, ቀይ, አረንጓዴ, ሰማያዊ) ይባላል. ይህ ሞዴል የሚጨምረው (ከመደመር - አክል) ሲሆን በውስጡም የሶስቱም ክፍሎች መጨመር ነጭ ነው.

በሄክሳዴሲማል ቀለሞች ውስጥ ለመጓዝ ቀላል ለማድረግ አንዳንድ ደንቦችን ግምት ውስጥ ያስገቡ.

  • የቀለም ክፍሎች እሴቶች ተመሳሳይ ከሆኑ (ለምሳሌ #D6D6D6) ፣ ከዚያ ግራጫ ቀለም ይገኛል። ቁጥሩ ከፍ ባለ መጠን ቀለሙ እየቀለለ ይሄዳል እና እሴቶቹ ከ#000000 (ጥቁር) ወደ #FFFFFF (ነጭ) ይቀየራሉ።
  • ቀይ ክፍል ከፍተኛ (ኤፍኤፍ) ከተሰራ ደማቅ ቀይ ቀለም ይፈጠራል, የተቀሩት ክፍሎች ደግሞ ወደ ዜሮ ይቀመጣሉ. ዋጋው #FF0000 ያለው ቀለም በጣም ቀይ ሊሆን የሚችል ቀይ ቀለም ነው። ለአረንጓዴ (#00FF00) እና ሰማያዊ (#0000FF) ተመሳሳይ ነው።
  • ቢጫ (#FFFF00) የሚገኘው ቀይ ከአረንጓዴ ጋር በመደባለቅ ነው። ይህ በቀለም ጎማ (ምስል 6.1) ላይ በግልጽ ይታያል, እሱም ዋና ቀለሞችን (ቀይ, አረንጓዴ, ሰማያዊ) እና ተጨማሪ ወይም ተጨማሪ. እነዚህም ቢጫ፣ ሲያን እና ቫዮሌት (ማጌንታ ተብሎም ይጠራል) ያካትታሉ። በአጠቃላይ, ማንኛውም ቀለም ከእሱ አጠገብ ያሉትን ቀለሞች በማቀላቀል ማግኘት ይቻላል. ስለዚህ፣ ሲያን (#00FFFF) የሚገኘው ሰማያዊ እና አረንጓዴን በማጣመር ነው።

ሩዝ. 6.1. የቀለም ክበብ

በሄክሳዴሲማል እሴቶች ላይ የተመሰረቱ ቀለሞች በተጨባጭ መመረጥ የለባቸውም። ለዚሁ ዓላማ, እንደ አዶቤ ፎቶሾፕ ካሉ የተለያዩ የቀለም ሞዴሎች ጋር አብሮ መስራት የሚችል ግራፊክ አርታዒ ተስማሚ ነው. በለስ ላይ. 6.2 በዚህ ፕሮግራም ውስጥ ቀለምን ለመምረጥ መስኮት ያሳያል, መስመሩ የተገኘውን የአሁኑን ቀለም ሄክሳዴሲማል እሴት ይከብባል. ወደ ኮድዎ መቅዳት እና መለጠፍ ይችላሉ።

ሩዝ. 6.2. በ Photoshop ውስጥ ቀለም መራጭ

የድር ቀለሞች

የማሳያውን የቀለም ጥራት ወደ 8 ቢት (256 ቀለሞች) ካዘጋጁት, ተመሳሳይ ቀለም በተለያዩ አሳሾች ውስጥ በተለየ መልኩ ሊታይ ይችላል. ይህ አሳሹ በራሱ ቤተ-ስዕል ሲሰራ እና በስዕሉ ውስጥ የሌለውን ቀለም ማሳየት በማይችልበት ጊዜ ግራፊክስ ከሚሰራበት መንገድ ጋር የተያያዘ ነው። በዚህ ሁኔታ, ቀለሙ በፒክሰሎች ጥምር, ወደ እሱ ቅርብ, የተሰጠውን የሚመስሉ ቀለሞች ይተካል. በተለያዩ አሳሾች ውስጥ ቀለሙ አንድ አይነት ሆኖ እንዲቆይ፣ የድረ-ገጽ ቀለሞች የሚባሉት ቤተ-ስዕል ተጀመረ። የድር ቀለሞች እንደዚህ ያሉ ቀለሞች ናቸው ፣ ለእያንዳንዱ ክፍል - ቀይ ፣ አረንጓዴ እና ሰማያዊ - ከስድስት እሴቶች አንዱ - 0 (00) ፣ 51 (33) ፣ 102 (66) ፣ 153 (99)። 204 (ሲሲ)፣ 255 (ኤፍኤፍ)። የዚህ ክፍል ሄክሳዴሲማል ዋጋ በቅንፍ ውስጥ ይገለጻል። ከሁሉም ሊሆኑ ከሚችሉ ጥምሮች አጠቃላይ የቀለሞች ብዛት 6x6x6 - 216 ቀለሞችን ይሰጣል. ለምሳሌ የድር ቀለም #33FF66 ነው።

የድር ቀለም ዋናው ገጽታ በሁሉም አሳሾች ውስጥ ተመሳሳይ ነው. በአሁኑ ጊዜ, በተቆጣጣሪዎች ጥራት መሻሻል እና በችሎታቸው መስፋፋት ምክንያት የድር ቀለሞች ጠቀሜታ በጣም ትንሽ ነው.

ቀለሞች በስም

የቁጥሮችን ስብስብ ላለማስታወስ, በምትኩ በብዛት ጥቅም ላይ የዋሉ ቀለሞችን ስም መጠቀም ይችላሉ. በሠንጠረዥ ውስጥ. 6.3 ታዋቂ የቀለም ስሞችን ስም ያሳያል.

ትር. 6.3. የአንዳንድ ቀለሞች ስሞች
የቀለም ስም ቀለም መግለጫ ሄክስ ዋጋ
ጥቁር ጥቁር #000000
ሰማያዊ ሰማያዊ #0000ኤፍኤፍ
fuchsia ፈካ ያለ ሐምራዊ #FF00FF
ግራጫ ጥቁር ግራጫ #808080
አረንጓዴ አረንጓዴ #008000
ኖራ ነጣ ያለ አረንጉአዴ #00FF00
ማሮን ጥቁር ቀይ #800000
የባህር ኃይል ጥቁር ደማቅ ሰማያዊ #000080
የወይራ የወይራ #808000
ሐምራዊ ጥቁር ቫዮሌት #800080
ቀይ ቀይ #ኤፍኤፍ0000
ብር ፈካ ያለ ግራጫ #C0C0C0
ሻይ ሰማያዊ አረንጓዴ #008080
ነጭ ነጭ #FFFFFF
ቢጫ ቢጫ #FFFF00

ቀለሙን እንዴት እንደሚገልጹት ምንም ችግር የለውም - በስሙ ወይም በሄክሳዴሲማል ቁጥሮች። በውጤታቸው, እነዚህ ዘዴዎች እኩል ናቸው. ምሳሌ 6-1 የድረ-ገጽን ዳራ እና የጽሑፍ ቀለሞች እንዴት ማዘጋጀት እንደሚቻል ያሳያል።

ምሳሌ 6.1. ዳራ እና የጽሑፍ ቀለም

ቀለሞች

ናሙና ጽሑፍ

በዚህ ምሳሌ፣ የመለያው bgcolor ባህሪን በመጠቀም የበስተጀርባው ቀለም ተቀናብሯል። ፣ እና የጽሑፉ ቀለም በጽሑፍ ባህሪው በኩል። ለልዩነት፣ የጽሑፍ ባህሪው ዋጋ ወደ ሄክሳዴሲማል ቁጥር ተቀናብሯል፣ እና bgcolor ወደ ተያዘ ቁልፍ ቃል ተዘጋጅቷል።

11/28/14 11.1 ኪ

እንደ አለመታደል ሆኖ, በጣቢያው ላይ ጣዕም ስሜቶችን ማሳየት ገና አይቻልም. ነገር ግን ይህ በቀለማት እርዳታ ሙሉ በሙሉ ሊካስ ይችላል. ከሁሉም በላይ, የኤችቲኤምኤል ቀለሞች ማንኛውንም በሚሊዮን የሚቆጠሩ ጥላዎችን እንዲያሳዩ ያስችሉዎታል. ስለዚህ " ባለ ቀለም እርሳሰ"በእሱ ስብስብ ውስጥ ከሰባት በላይ ነው።

የቀለም ዘዴ በ html

በኤችቲኤምኤል ውስጥ ቀለም በተለያዩ ቅርጸቶች ሊገለጽ ይችላል-

1. እንደ ሄክሳዴሲማል እሴት - በሄክሳዴሲማል ስርዓት ውስጥ የተገለጸው ኮድ ጥቅም ላይ ይውላል. በኤችቲኤምኤል ውስጥ እንደዚህ ያሉ የቀለም ኮዶች ሶስት ጥንድ ሄክሳዴሲማል ቁጥሮችን ያቀፈ ነው። እያንዳንዱ ጥንድ ከዋናው ቀለም ጋር ለቀለም ሙሌት ሃላፊነት አለበት-

  • የመጀመሪያው የቁጥር ጥንድ ለቀይ ቀለም ተጠያቂ ነው;
  • ሁለተኛው ጥንድ ለአረንጓዴ ቀለም ይዘት;
  • የኋለኛው ደግሞ ለሰማያዊው ቀለም ይዘት ነው.

በኮዱ መጀመሪያ ላይ (ከቁጥሮች በፊት), የሃሽ ምልክት ይደረጋል. ይህ ሄክሳዴሲማል የቀለም ኮድ ነው። ከ 1 እስከ 9 ካሉት ቁጥሮች በተጨማሪ ይህ የቁጥር ስርዓት የላቲን ፊደሎችን (A, B, C, D, E, F) ፊደላትን ይጠቀማል.

ለምሳሌ፣ በኤችቲኤምኤል ውስጥ ያለው የነጭ ቀለም ኮድ #FFFFFF ይመስላል:


2. ቁልፍ ቃል - በአሁኑ ጊዜ html ወደ 147 የሚሆኑ ቁልፍ ቃላትን ይደግፋል። ግን እነዚህ ሁሉ ቃላት ልዩ አይደሉም። አንዳንዶቹን አንድ አይነት ቀለም ጥላ ያመለክታሉ.

ግራጫ በሁለት ቁልፍ ቃላት ይወከላል-ግራጫ እና ግራጫ . የእነሱ ሄክሳዴሲማል ኮድ (HEX) በተመሳሳይ ዋጋ # 808080 ተሰጥቷል.

ለምሳሌ :

#808080




3. በ RGB ቅርጸት - ይህ ቀለም በኤችቲኤምኤል ውስጥ ያለው ኮድ ከ 0 እስከ 255 ባለው ክልል ውስጥ በተቀመጡት ሶስት እሴቶች አጠቃቀም ላይ የተመሠረተ ነው ። እያንዳንዳቸው ከዋና ዋናዎቹ ቀለሞች በአንዱ የቀለሙን ሙሌት ይወስናሉ ።
  • አር - ቀይ (ቀይ);
  • G - አረንጓዴ (አረንጓዴ);
  • ቢ - ሰማያዊ (ሰማያዊ).

የቀለም ቁጥሩ በ RGB ቅርጸት እንደሚከተለው ተጽፏል፡ rgb(0፣ 210፣ 100)።

ዳራ-ቀለም፡rgb(100,186,43)


4. በ RGBA ቅርጸት - የላቀ የ RGB ቅርጸት ነው, አራተኛው እሴት ከ 0 እስከ 1 ባለው የአስርዮሽ ክፍልፋይ መልክ የቀለሙን ግልጽነት ይገልጻል.

የአጠቃቀም ምሳሌ፡-

ዳራ-ቀለም፡rgba(100,86,143,0.2)

ዳራ-ቀለም፡rgba(100,86,143,0.5)

ዳራ-ቀለም፡rgba(100,86,143,0.8)

ዳራ-ቀለም፡rgba(100,86,143,1)

html የቀለም ጠረጴዛዎች እና የቀለም አምራቾች

እንደዚህ ባለ ሰፊ የቀለም ቅንብር ቅርፀቶች, ግራ መጋባት ቀላል ነው. ስለዚህ, ልዩ የቀለም ጠረጴዛ ተፈጠረ. በውስጡ እስከ 147 የቀለም ጥላዎች ቁልፍ ስሞች, የደብዳቤ ኮዶች በሁሉም ዋና ደረጃዎች ለቀለም ውክልና ተሰጥተዋል. በተጨማሪም፣ እያንዳንዱ መስክ ለእይታ ቀለም ማዛመጃ ባር አለው። ከእነዚህ ሰንጠረዦች ውስጥ አንዱ በ ላይ ቀርቧል colorcheme.ru:


ነገር ግን በእንደዚህ አይነት የደብዳቤዎች መዋቅር እገዛ እንኳን የሚፈለገውን ጥላ መምረጥ አስቸጋሪ ሊሆን ይችላል. እና በቀለም ኮድ ሠንጠረዥ ውስጥ ትክክለኛው መኖሩ እውነታ አይደለም.

ይህንን መሰናክል ለመዞር እና ትክክለኛውን ጥላ ለመምረጥ በተቻለ መጠን ቀላል ለማድረግ በይነተገናኝ ድር አገልግሎቶች ተዘጋጅተዋል። የእነሱ የተጠቃሚ በይነገጽ አንዳቸው ከሌላው ትንሽ ሊለያይ ይችላል።

በኤችቲኤምኤል-color-codes.info ጣቢያ ላይ፣ የቀለም ጀነሬተር ይህን ይመስላል።


እና በcolor-picer.appsmaster.co አገልግሎት ውስጥ ይህ መሳሪያ ትንሽ ለየት ባለ መልኩ ነው የሚተገበረው፡-


በጄነሬተር ውስጥ ያለው የእያንዳንዱ ቀለም ሙሌት ልዩ ተንሸራታቾችን በመጠቀም ይዘጋጃል. በእይታ, ቅሉ በክፈፉ ቀለም እና በግራ በኩል አራት ማዕዘን ይታያል. ከታች, 3 መስኮች የቀለም ኮድን በዋና ቅርጸቶች ያሳያሉ.

ነገር ግን የቀለም ማመንጫው በልዩ ጣቢያዎች ላይ ብቻ ሳይሆን ይገኛል. ሁሉም ማለት ይቻላል ግራፊክ አርታዒዎች ተመሳሳይ መሣሪያ የታጠቁ ናቸው። ለምሳሌ, Photoshop:

የቀለም ደህንነት

እና 256 ቀለሞችን ብቻ የሚደግፉ የቪዲዮ ካርዶች ዘመን ውስጥ ከረጅም ጊዜ በፊት ነበር. በእነዚያ ቀናት ኦፕሬቲንግ ሲስተሞች ሳይዛባ የተወሰነ ቁጥር ያላቸውን ስምንት-ቢት ጥላዎች ብቻ ማሳየት ይችላሉ።

ከዚያም ታላቁ የአስተማማኝ ቀለሞች ጠረጴዛ ተበቀለ. በዚያን ጊዜ በማንኛውም አሳሾች ውስጥ ሳይዛባ ሊታዩ የሚችሉ 216 ሼዶችን አመልክቷል። እና እስከ ዛሬ ድረስ ታላቅ የእጅ ጽሑፍ» አሁንም በአንዳንድ መርጃዎች ላይ ይገኛል፡-


በእኛ ጊዜ ሁሉም ነገር ተለውጧል. ስለዚህ, በኤችቲኤምኤል ውስጥ ከቀለም ጋር ሲሰሩ ሁሉም የደህንነት ደንቦች ሙሉ በሙሉ ይሰረዛሉ. ከሁሉም በላይ ዘመናዊ የኮምፒተር ሃርድዌር ከ 16 ሚሊዮን በላይ የተለያዩ ጥላዎችን ይደግፋል. እና 216 አስተማማኝ ቀለሞች ወደ እርሳት ውስጥ ገብተዋል.

ቀለማትን ለመለየት ሄክሳዴሲማል ቁጥሮች ጥቅም ላይ ይውላሉ. የሄክሳዴሲማል ስርዓት ከአስርዮሽ ስርዓት በተለየ መልኩ ስሙ እንደሚያመለክተው በቁጥር 16 ላይ የተመሰረተ ነው. ቁጥሮቹ የሚከተሉት ይሆናሉ: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C, D, E, F. ከ 10 እስከ 15 ያሉት ቁጥሮች በላቲን ፊደላት ይተካሉ. በሄክሳዴሲማል ስርዓት ውስጥ ከ 15 በላይ ቁጥሮች የተፈጠሩት ሁለት ቁጥሮችን ወደ አንድ በማጣመር ነው. ለምሳሌ፣ በአስርዮሽ ውስጥ ያለው ቁጥር 255 በሄክሳዴሲማል ካለው ኤፍኤፍ ቁጥር ጋር ይዛመዳል። በቁጥር ስርዓት ትርጓሜ ውስጥ ግራ መጋባትን ለማስወገድ ሄክሳዴሲማል ቁጥሩ በ hash ምልክት # ይቀድማል ፣ ለምሳሌ # 666999። እያንዳንዳቸው ሶስት ቀለሞች - ቀይ ፣ አረንጓዴ እና ሰማያዊ - ከ 00 እስከ ኤፍኤፍ እሴቶችን ሊወስዱ ይችላሉ። ስለዚህ የቀለሙ ስያሜ #rrggbb በሶስት ክፍሎች የተከፈለ ሲሆን የመጀመሪያዎቹ ሁለቱ ቁምፊዎች የቀለሙን ቀይ አካል, ሁለቱ መሃከለኛዎች አረንጓዴ እና የመጨረሻዎቹ ሁለቱ ሰማያዊ ምልክት ያደርጋሉ. እያንዳንዱ ቁምፊ በእጥፍ መጨመር ያለበት #rgb የሚለውን አህጽሮት እንዲጠቀም ተፈቅዶለታል። ስለዚህ የመግቢያ #fe0 እንደ #ffee00 መቆጠር አለበት።

በስም

ኢንተርኔት ኤክስፕሎረር Chrome ኦፔራ ሳፋሪ ፋየርፎክስ አንድሮይድ iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

አሳሾች አንዳንድ ቀለሞችን በስም ይደግፋሉ። በሠንጠረዥ ውስጥ. 1 ስሞችን ፣ የሄክስ ኮድን ፣ እሴቶችን በ RGB ፣ HSL ቅርጸት እና መግለጫ ያሳያል።

ትር. 1. የቀለም ስሞች
ስም ቀለም ኮድ አርጂቢ ኤች.ኤስ.ኤል መግለጫ
ነጭ #ffff ወይም #ffff አርጂቢ (255,255,255) hsl (0.0%,100%) ነጭ
ብር #c0c0c0 አርጂቢ (192,192,192) hsl (0.0%,75%) ግራጫ
ግራጫ #808080 አርጂቢ (128,128,128) hsl (0.0%,50%) ጥቁር ግራጫ
ጥቁር #000000 ወይም #000 rgb (0,0,0) hsl (0,0%,0%) ጥቁር
ማሮን #800000 አርጂቢ (128,0,0) hsl (0,100%,25%) ጥቁር ቀይ
ቀይ #ff0000 ወይም #f00 አርጂቢ (255,0,0) hsl (0,100%,50%) ቀይ
ብርቱካናማ #ffa500 አርጂቢ (255,165,0) hsl (38.8,100%,50%) ብርቱካናማ
ቢጫ #ffff00 ወይም #ff0 አርጂቢ (255,255,0) hsl (60,100%,50%) ቢጫ
የወይራ #808000 አርጂቢ (128,128,0) hsl (60,100%,25%) የወይራ
ኖራ #00ff00 ወይም #0f0 አርጂቢ (0,255,0) hsl (120,100%,50%) ነጣ ያለ አረንጉአዴ
አረንጓዴ #008000 አርጂቢ (0,128,0) hsl (120,100%,25%) አረንጓዴ
አኳ #00ffff ወይም #0ff አርጂቢ (0,255,255) hsl (180,100%,50%) ሰማያዊ
ሰማያዊ #0000ff ወይም #00f አርጂቢ (0,0,255) hsl (240,100%,50%) ሰማያዊ
የባህር ኃይል #000080 አርጂቢ (0,0,128) hsl (240,100%,25%) ጥቁር ደማቅ ሰማያዊ
ሻይ #008080 አርጂቢ (0,128,128) hsl (180,100%,25%) ሰማያዊ አረንጓዴ
fuchsia #ff00ff ወይም #f0f አርጂቢ (255,0,255) hsl (300,100%,50%) ሮዝ
ሐምራዊ #800080 አርጂቢ (128,0,128) hsl (300,100%,25%) ቫዮሌት

ከ RGB ጋር

ኢንተርኔት ኤክስፕሎረር Chrome ኦፔራ ሳፋሪ ፋየርፎክስ አንድሮይድ iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

ቀይ፣ አረንጓዴ እና ሰማያዊ እሴቶችን በመጠቀም አንድን ቀለም በአስርዮሽ ቃላት መግለፅ ይችላሉ። እያንዳንዱ የሶስቱ ቀለም ክፍሎች ከ 0 ወደ 255 እሴት ይወስዳሉ. ቀለሙን እንደ መቶኛ ማዘጋጀትም ተቀባይነት አለው, 100% ደግሞ ከቁጥር 255 ጋር ይዛመዳል. በመጀመሪያ የ rgb ቁልፍ ቃሉ ይገለጻል, ከዚያም የቀለም አካላት ይገለጻል. በቅንፍ የተገለጹ፣ በነጠላ ሰረዞች የተለዩ፣ ለምሳሌ rgb(255፣ 128፣ 128) ወይም rgb(100%፣ 50%፣ 50%)።

RGBA

ኢንተርኔት ኤክስፕሎረር Chrome ኦፔራ ሳፋሪ ፋየርፎክስ አንድሮይድ iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

የRGBA ቅርጸት በአገባብ ከ RGB ጋር ተመሳሳይ ነው፣ ነገር ግን የኤለመንቱን ግልጽነት የሚያዘጋጅ የአልፋ ቻናል ያካትታል። የ0 ዋጋ ሙሉ በሙሉ ግልጽ ነው፣ 1 ግልጽ ያልሆነ ነው፣ እና እንደ 0.5 ያለ መካከለኛ ዋጋ ግልጽ ነው።

RGBA ወደ CSS3 ታክሏል፣ ስለዚህ የ CSS ኮድ ማረጋገጥ በዚህ ስሪት መሰረት መከናወን አለበት። የ CSS3 መስፈርት አሁንም በመገንባት ላይ እንደሆነ እና አንዳንድ ባህሪያቱ ሊለወጡ እንደሚችሉ ልብ ሊባል ይገባል። ለምሳሌ፣ ከበስተጀርባ-ቀለም ንብረቱ ላይ የተጨመረው የRGB ቀለም ማረጋገጫን ያልፋል፣ ነገር ግን ከበስተጀርባ ንብረቱ ላይ የተጨመረው አያደርገውም። በተመሳሳይ ጊዜ አሳሾች ለሁለቱም ንብረቶች ቀለሙን በትክክል ይገነዘባሉ.

ኤች.ኤስ.ኤል

ኢንተርኔት ኤክስፕሎረር Chrome ኦፔራ ሳፋሪ ፋየርፎክስ አንድሮይድ iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

የኤችኤስኤል ቅርፀት ስም የተመሰረተው ከመጀመሪያዎቹ ሆሄ (hue)፣ Saturate (saturation) እና Lightness (lightness) ፊደላት ጥምር ነው። Hue በቀለም ጎማ ላይ ያለው የቀለም እሴት ነው (ምስል 1) እና በዲግሪዎች ይገለጻል። 0° ቀይ፣ 120° አረንጓዴ፣ እና 240° ሰማያዊ ነው። የሃው ዋጋ ከ0 ወደ 359 ሊለያይ ይችላል።

ሩዝ. 1. የቀለም ጎማ

ሙሌት ከ 0% እስከ 100% በመቶኛ የሚለካው የአንድ ቀለም ጥንካሬ ነው. የ 0% እሴት ምንም አይነት ቀለም እና ግራጫ ጥላ ያሳያል, 100% ከፍተኛው ሙሌት እሴት ነው.

ብርሃን ቀለሙ ምን ያህል ብሩህ እንደሆነ ያስቀምጣል እና ከ 0% እስከ 100% በመቶኛ ይገለጻል. ትናንሽ እሴቶች ቀለሙን ጨለማ ያደርጉታል, ከፍተኛ ዋጋዎች ደግሞ ቀላል ያደርጉታል, የ 0% እና 100% ከፍተኛ እሴቶች ከጥቁር እና ነጭ ጋር ይዛመዳሉ.

HSLA

ኢንተርኔት ኤክስፕሎረር Chrome ኦፔራ ሳፋሪ ፋየርፎክስ አንድሮይድ iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

የHSLA ቅርፀት በአገባብ ከHSL ጋር ተመሳሳይ ነው፣ነገር ግን የኤለመንቱን ግልፅነት የሚያዘጋጅ የአልፋ ቻናል ያካትታል። የ0 ዋጋ ሙሉ በሙሉ ግልጽ ነው፣ 1 ግልጽ ያልሆነ ነው፣ እና እንደ 0.5 ያለ መካከለኛ ዋጋ ግልጽ ነው።

በRGBA፣ HSL እና HSLA ቅርጸቶች ውስጥ ያሉ የቀለም እሴቶች ወደ CSS3 ተጨምረዋል፣ ስለዚህ እነዚህን ቅርጸቶች ሲጠቀሙ ከስሪቱ አንጻር ትክክለኛ መሆኑን ኮዱን ያረጋግጡ።

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

ቀለሞች

ማስጠንቀቂያ

በጣቢያው ላይ የተዘረዘሩ አንበሳን ለመያዝ ሁሉም ዘዴዎች ቲዎሪቲካል እና በስሌት ዘዴዎች ላይ የተመሰረቱ ናቸው. ደራሲዎቹ እነሱን ሲጠቀሙ ለደህንነትዎ ዋስትና አይሰጡም እና ለውጤቱ ምንም አይነት ሃላፊነት አይወስዱም. አስታውስ, አንበሳ አዳኝ እና አደገኛ እንስሳ ነው!

አረ!

የዚህ ምሳሌ ውጤት በስእል ውስጥ ይታያል. 2.

ሩዝ. 2. በድረ-ገጽ ላይ ያሉ ቀለሞች