በ 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 | #0099FF |
#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 | #3399FF |
#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 | #FF00CC | #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 |
Minecraft ኮዶች አበቦች, ወይም Minecraft ኮዶችመቅረጽ፣ ማንኛውም ተጫዋች አበቦችን እንዲያክል እና ጽሁፎችን በማንኛውም መንገድ እንዲቀርጽ ይፍቀዱለት በቀጥታ Minecraft ውስጥ። የቀለም ኮዶችከ &0-9 - እስከ & a-f. ከጽሑፍዎ በፊት ያክሏቸው። የተጫዋቾች መልዕክቶች በአረፍተ ነገርዎ ላይ ቀለም እንዲያክሉ የሚያስችልዎ የቀለም ኮዶችን ሊይዝ ይችላል።
ቀለሞች እና የቅርጸት ኮዶች
የአምፐርሳንድ ምልክት (&) በመልእክቶች ውስጥ ባለ ሄክሳዴሲማል ቁጥር ተከትሎ ደንበኛው ጽሑፍ በሚያሳይበት ጊዜ ቀለሞችን እንዲቀይር ይጠቁማል። በተጨማሪም፣ ጽሁፍ በደብዳቤ እና በመከተል ሊቀረጽ ይችላል። የተለያዩ ቀለሞችን ወደ መጽሐፍት ፣ የትዕዛዝ ብሎኮች ፣ የአገልጋይ ስም ፣ የአገልጋይ መግለጫ (motd) ፣ የዓለም ስሞች ፣ ምልክቶች እና የተጫዋች ስሞች እንኳን ማከል ይችላሉ ።
ከታች ያለውን የቀለም ገበታ በመጠቀም ጽሑፍዎን በውቅሮች ወይም በጨዋታ መቅረጽ በጣም ቀላል ነው። &r ሁሉንም ኮዶች ዳግም ለማስጀመር ጥቅም ላይ ይውላል፣ ማለትም. &mAAA&rBBB እንደ AAA BBB ሆነው ይታያሉ።
ለእርስዎ ምቾት ሲባል በ Minecraft ውስጥ ያሉትን የቀለም ኮዶች ሰንጠረዥ እናቀርባለን-
ኮድ | ስም | ቴክኒካዊ ስም | የምልክት ቀለም | የምልክት ጥላ ቀለም | ||||||
---|---|---|---|---|---|---|---|---|---|---|
አር | ጂ | ለ | ሄክስ | አር | ጂ | ለ | ሄክስ | |||
&0 | ጥቁር | ጥቁር | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | ጥቁር ሰማያዊ | ጥቁር_ሰማያዊ | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | ጥቁር አረንጓዴ | ጥቁር_አረንጓዴ | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | ጥቁር ሰማያዊ-አረንጓዴ | ጨለማ_አኳ | 0 | 170 | 170 | 00አአአ | 0 | 42 | 42 | 002A2A |
&4 | ጥቁር ቀይ | ጥቁር_ቀይ | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | ጥቁር ሐምራዊ | ጥቁር_ሐምራዊ | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | ወርቅ | ወርቅ | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | ግራጫ | ግራጫ | 170 | 170 | 170 | አአአአአ | 42 | 42 | 42 | 2A2A2A |
&8 | ጥቁር ግራጫ | ጥቁር_ግራጫ | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | ሰማያዊ | ሰማያዊ | 85 | 85 | 255 | 5555ኤፍ.ኤ | 21 | 21 | 63 | 15153 እ.ኤ.አ |
&ሀ | አረንጓዴ | አረንጓዴ | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
& ለ | ሰማያዊ-አረንጓዴ | አኳ | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
ወዘተ | ቀይ | ቀይ | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&መ | ፈካ ያለ ሐምራዊ | ፈዛዛ_ሐምራዊ | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
& ሠ | ቢጫ | ቢጫ | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
& ረ | ነጭ | ነጭ | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
አንዳንድ ጊዜ አስፈላጊ ነው አስምር፣ ውጣ፣ ማድመቅማንኛውም ጽሑፍ. ይህ የጽሑፍ ቅርጸት በመጠቀም ነው. ልክ እንደ ቀለሞች በተመሳሳይ መንገድ ጥቅም ላይ ይውላል (ከጽሑፉ በፊት እናስቀምጣለን ኮድለምሳሌ &lMinecraft = Minecraft.
ለእርስዎ ምቾት፣ ከዚህ በታች የቅርጸት ኮድ ሠንጠረዥ አለ፡-
ኮድ | ስም |
---|---|
&k | አስማት ጽሑፍ |
&l | ደፋር ጽሑፍ |
&ኤም | የማጣራት ጽሑፍ |
&n | የተሰመረበት ጽሑፍ |
&ኦ | ሰያፍ ጽሑፍ |
&r | ያለቅርጸት ጽሑፍ |
ቀለማትን ለመለየት ሄክሳዴሲማል ቁጥሮች ጥቅም ላይ ይውላሉ. የሄክሳዴሲማል ስርዓት ከአስርዮሽ ስርዓት በተለየ መልኩ ስሙ እንደሚያመለክተው በቁጥር 16 ላይ የተመሰረተ ነው. ቁጥሮቹ እንደሚከተለው ይሆናሉ-0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C, D, E, F. ከ 10 እስከ 15 ያሉት ቁጥሮች በላቲን ፊደላት ይተካሉ. በሄክሳዴሲማል ስርዓት ውስጥ ከ 15 በላይ ቁጥሮች የተፈጠሩት ሁለት ቁጥሮችን ወደ አንድ በማጣመር ነው. ለምሳሌ፣ በአስርዮሽ ውስጥ ያለው ቁጥር 255 በሄክሳዴሲማል ካለው ኤፍኤፍ ቁጥር ጋር ይዛመዳል። የቁጥር ስርዓቱን ለመወሰን ግራ መጋባትን ለማስወገድ የሃሽ ምልክት # ከሄክሳዴሲማል ቁጥር በፊት ይቀመጣል ለምሳሌ #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 እሴቶችን እና መግለጫዎችን ያሳያል።
ስም | ቀለም | ኮድ | አርጂቢ | HSL | መግለጫ |
---|---|---|---|---|---|
ነጭ | #ffffff ወይም #ffff | አርጂቢ (255,255,255) | hsl (0.0%,100%) | ነጭ | |
ብር | #c0c0c0 | አርጂቢ (192,192,192) | hsl (0.0%,75%) | ግራጫ | |
ግራጫ | #808080 | rgb (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 | rgb (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 ታክሏል፣ ስለዚህ የሲኤስኤስ ኮድ ከዚህ ስሪት ጋር መረጋገጥ አለበት። የ CSS3 መስፈርት አሁንም በመገንባት ላይ እንደሆነ እና አንዳንድ ባህሪያት ሊለወጡ እንደሚችሉ ልብ ሊባል ይገባል። ለምሳሌ፣ በRGB ቅርጸት ወደ ከበስተጀርባ ቀለም ንብረቱ የተጨመረው ቀለም የተረጋገጠ ነው፣ ነገር ግን ከበስተጀርባ ንብረቱ ላይ የተጨመረው ከአሁን በኋላ የሚሰራ አይደለም። በተመሳሳይ ጊዜ አሳሾች ለሁለቱም ንብረቶች ቀለሙን በትክክል ይገነዘባሉ.
HSL
ኢንተርኔት ኤክስፕሎረር | 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° ከሰማያዊ ጋር ይዛመዳል። የ hue እሴቱ ከ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. በድረ-ገጽ ላይ ያሉ ቀለሞች
በኤችቲኤምኤል ውስጥ ቀለም በሦስት መንገዶች ሊገለጽ ይችላል-
በኤችቲኤምኤል ውስጥ አንድ ቀለም በስሙ ማቀናበር
አንዳንድ ቀለሞች በስማቸው ሊገለጹ ይችላሉ, በእንግሊዝኛ የቀለም ስም እንደ ዋጋ ይጠቀማሉ. በጣም የተለመዱት ቁልፍ ቃላት፡ ጥቁር፣ ነጭ፣ ቀይ፣ አረንጓዴ፣ ሰማያዊ፣ ወዘተ.
የጽሑፍ ቀለም - ቀይ
የአለም አቀፍ ድር ኮንሰርቲየም (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 እስከ FF (ከአስርዮሽ 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 | #007FFF | 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 | |
አልትራማሪን | አልትራማሪን | #120A8F | 18 | 10 | 143 | |
ቫዮሌት | ቫዮሌት | #8B00FF | 139 | 0 | 255 | |
ቢጫ | ቢጫ | #FFFF00 | 255 | 255 | 0 |
የቀለም ኮዶች (ዳራ) በሙሌት እና በቀለም።