CSS-ലെ കളർ കോഡുകൾ നിറങ്ങൾ വ്യക്തമാക്കാൻ ഉപയോഗിക്കുന്നു. സാധാരണഗതിയിൽ, വർണ്ണ കോഡുകളോ വർണ്ണ മൂല്യങ്ങളോ ഒരു മൂലകത്തിന്റെ മുൻവശത്തെ വർണ്ണത്തിനോ (ഉദാ. വാചക നിറം, ലിങ്ക് നിറം) അല്ലെങ്കിൽ ഒരു ഘടകത്തിന്റെ പശ്ചാത്തല വർണ്ണത്തിനോ (പശ്ചാത്തല വർണ്ണം, ബ്ലോക്ക് നിറം) നിറം സജ്ജമാക്കാൻ ഉപയോഗിക്കുന്നു. ഒരു ബട്ടൺ, ബോർഡർ, മാർക്കർ, ഹോവർ, മറ്റ് അലങ്കാര ഇഫക്റ്റുകൾ എന്നിവയുടെ നിറം മാറ്റാനും അവ ഉപയോഗിക്കാം.
നിങ്ങളുടെ വർണ്ണ മൂല്യങ്ങൾ വിവിധ ഫോർമാറ്റുകളിൽ വ്യക്തമാക്കാൻ കഴിയും. ഇനിപ്പറയുന്ന പട്ടിക സാധ്യമായ എല്ലാ ഫോർമാറ്റുകളും പട്ടികപ്പെടുത്തുന്നു:
ലിസ്റ്റുചെയ്ത ഫോർമാറ്റുകൾ കൂടുതൽ വിശദമായി ചുവടെ വിവരിച്ചിരിക്കുന്നു.
CSS നിറങ്ങൾ - ഹെക്സ് കോഡുകൾ
ഹെക്സാഡെസിമൽ വർണ്ണ കോഡ്നിറത്തിന്റെ ആറ് അക്ക പ്രതിനിധാനമാണ്. ആദ്യത്തെ രണ്ട് അക്കങ്ങൾ (RR) ചുവപ്പ് മൂല്യത്തെയും അടുത്ത രണ്ട് പച്ച മൂല്യത്തെയും (GG) പ്രതിനിധീകരിക്കുന്നു, അവസാനത്തെ രണ്ട് നീല മൂല്യത്തെയും (BB) പ്രതിനിധീകരിക്കുന്നു.
CSS നിറങ്ങൾ - ഹ്രസ്വ ഹെക്സ് കോഡുകൾ
ഹ്രസ്വ ഹെക്സ് കളർ കോഡ്ആറ് പ്രതീകങ്ങളുടെ ഒരു ചെറിയ രൂപമാണ്. ഈ ഫോർമാറ്റിൽ, തത്തുല്യമായ ആറക്ക വർണ്ണ മൂല്യം സൃഷ്ടിക്കുന്നതിന് ഓരോ അക്കവും ആവർത്തിക്കുന്നു. ഉദാഹരണത്തിന്: #0F0 #00FF00 ആയി മാറുന്നു.
അഡോബ് ഫോട്ടോഷോപ്പ്, കോർ ഡ്രോ മുതലായ ഏത് ഗ്രാഫിക്സ് സോഫ്റ്റ്വെയറിൽ നിന്നും ഹെക്സാഡെസിമൽ മൂല്യം എടുക്കാം.
CSS-ലെ ഓരോ ഹെക്സാഡെസിമൽ വർണ്ണ കോഡിനും മുമ്പായി "#" എന്ന ഹാഷ് ചിഹ്നം ഉണ്ടായിരിക്കും. ഹെക്സാഡെസിമൽ നൊട്ടേഷനുകൾ ഉപയോഗിക്കുന്നതിനുള്ള ഉദാഹരണങ്ങൾ ചുവടെയുണ്ട്.
CSS നിറങ്ങൾ - RGB മൂല്യങ്ങൾ
RGB മൂല്യം rgb() പ്രോപ്പർട്ടി ഉപയോഗിച്ച് സജ്ജീകരിച്ചിരിക്കുന്ന ഒരു കളർ കോഡാണ്. ഈ പ്രോപ്പർട്ടി മൂന്ന് മൂല്യങ്ങൾ എടുക്കുന്നു: ചുവപ്പ്, പച്ച, നീല എന്നിവയ്ക്ക് ഓരോന്നും. മൂല്യം 0 മുതൽ 255 വരെയുള്ള ഒരു പൂർണ്ണസംഖ്യയോ ഒരു ശതമാനമോ ആകാം.
കുറിപ്പ്:എല്ലാ ബ്രൗസറുകളും rgb() കളർ പ്രോപ്പർട്ടി പിന്തുണയ്ക്കുന്നില്ല, അതിനാൽ ഇത് ഉപയോഗിക്കാൻ ശുപാർശ ചെയ്യുന്നില്ല.
RGB മൂല്യങ്ങൾ ഉപയോഗിച്ച് ഒന്നിലധികം നിറങ്ങൾ കാണിക്കുന്ന ഒരു ഉദാഹരണം ചുവടെയുണ്ട്.
കളർ കോഡ് ജനറേറ്റർ
ഞങ്ങളുടെ സേവനം ഉപയോഗിച്ച് നിങ്ങൾക്ക് ദശലക്ഷക്കണക്കിന് കളർ കോഡുകൾ സൃഷ്ടിക്കാൻ കഴിയും.
ബ്രൗസർ സുരക്ഷിത നിറങ്ങൾ
ഏറ്റവും സുരക്ഷിതവും കമ്പ്യൂട്ടർ-സ്വതന്ത്രവുമായ 216 നിറങ്ങളുടെ പട്ടിക ചുവടെയുണ്ട്. CSS-ലെ ഈ നിറങ്ങൾ 000000 മുതൽ FFFFFF ഹെക്സാഡെസിമൽ കോഡ് വരെയാണ്. 256 വർണ്ണ പാലറ്റിൽ പ്രവർത്തിക്കുമ്പോൾ എല്ലാ കമ്പ്യൂട്ടറുകളും നിറം ശരിയായി പ്രദർശിപ്പിക്കുന്നുവെന്ന് ഉറപ്പാക്കുന്നതിനാൽ അവ ഉപയോഗിക്കാൻ സുരക്ഷിതമാണ്.
CSS-ലെ "സുരക്ഷിത" നിറങ്ങളുടെ പട്ടിക | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300സിസി | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900സിസി | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#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 |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #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 | 5555FF | 21 | 21 | 63 | 15153F |
&എ | പച്ച | പച്ച | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | നീല പച്ച | അക്വാ | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | ചുവപ്പ് | ചുവപ്പ് | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | ഇളം പർപ്പിൾ | ഇളം പർപ്പിൾ | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&ഇ | മഞ്ഞ | മഞ്ഞ | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | വെള്ള | വെള്ള | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
ചിലപ്പോൾ അത് ആവശ്യമാണ് അടിവരയിടുക, ക്രോസ് ഔട്ട് ചെയ്യുക, ഹൈലൈറ്റ്ഏതെങ്കിലും വാചകം. ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ് ഉപയോഗിച്ചാണ് ഇത് ചെയ്യുന്നത്. നിറങ്ങളുടെ അതേ രീതിയിലാണ് ഇത് ഉപയോഗിക്കുന്നത് (ഞങ്ങൾ വാചകത്തിന് മുമ്പായി ഇടുന്നു കോഡ്, ഉദാഹരണത്തിന് &lMinecraft = Minecraft.
നിങ്ങളുടെ സൗകര്യത്തിനായി, ഫോർമാറ്റിംഗ് കോഡുകളുടെ ഒരു പട്ടിക ചുവടെയുണ്ട്:
കോഡ് | പേര് |
---|---|
&k | മാന്ത്രിക വാചകം |
&l | ലഘുചിത്രം |
&m | ടെക്സ്റ്റിലൂടെ സ്ട്രൈക്ക്ത്രൂ |
&n | അടിവരയിട്ട വാചകം |
&o | ഇറ്റാലിക് ടെക്സ്റ്റ് |
&r | ഫോർമാറ്റിംഗ് ഇല്ലാതെ വാചകം |
നിറങ്ങൾ വ്യക്തമാക്കാൻ ഹെക്സാഡെസിമൽ സംഖ്യകൾ ഉപയോഗിക്കുന്നു. ഹെക്സാഡെസിമൽ സിസ്റ്റം, ഡെസിമൽ സിസ്റ്റത്തിൽ നിന്ന് വ്യത്യസ്തമായി, അതിന്റെ പേര് സൂചിപ്പിക്കുന്നത് പോലെ, 16 എന്ന സംഖ്യയെ അടിസ്ഥാനമാക്കിയുള്ളതാണ്. സംഖ്യകൾ ഇനിപ്പറയുന്നതായിരിക്കും: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, എ , B, C , D, E, F. 10 മുതൽ 15 വരെയുള്ള സംഖ്യകൾ ലാറ്റിൻ അക്ഷരങ്ങൾ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുന്നു. ഹെക്സാഡെസിമൽ സമ്പ്രദായത്തിൽ 15-ൽ കൂടുതലുള്ള സംഖ്യകൾ രണ്ട് സംഖ്യകൾ ഒന്നായി സംയോജിപ്പിച്ചാണ് രൂപപ്പെടുന്നത്. ഉദാഹരണത്തിന്, ദശാംശത്തിലെ 255 എന്ന സംഖ്യ ഹെക്സാഡെസിമലിലെ FF എന്ന സംഖ്യയുമായി യോജിക്കുന്നു. നമ്പർ സിസ്റ്റം നിർണ്ണയിക്കുന്നതിൽ ആശയക്കുഴപ്പം ഒഴിവാക്കാൻ, ഹെക്സാഡെസിമൽ നമ്പറിന് മുന്നിൽ ഒരു ഹാഷ് ചിഹ്നം # സ്ഥാപിച്ചിരിക്കുന്നു, ഉദാഹരണത്തിന് #666999. മൂന്ന് നിറങ്ങളിൽ ഓരോന്നിനും - ചുവപ്പ്, പച്ച, നീല - 00 മുതൽ FF വരെയുള്ള മൂല്യങ്ങൾ എടുക്കാം. അങ്ങനെ, വർണ്ണ ചിഹ്നത്തെ മൂന്ന് ഘടകങ്ങളായി തിരിച്ചിരിക്കുന്നു #rrggbb, അവിടെ ആദ്യത്തെ രണ്ട് ചിഹ്നങ്ങൾ നിറത്തിന്റെ ചുവന്ന ഘടകത്തെ സൂചിപ്പിക്കുന്നു, മധ്യ രണ്ട് - പച്ച, അവസാന രണ്ട് - നീല. #rgb എന്ന ചുരുക്കരൂപം ഉപയോഗിക്കാൻ ഇത് അനുവദിച്ചിരിക്കുന്നു, അവിടെ ഓരോ പ്രതീകവും ഇരട്ടിയാക്കണം. അതിനാൽ, #fe0 എന്ന എൻട്രിയെ #ffee00 ആയി കണക്കാക്കണം.
പേരുകൊണ്ട്
ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ | ക്രോം | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
ബ്രൗസറുകൾ ചില നിറങ്ങളെ അവയുടെ പേരിൽ പിന്തുണയ്ക്കുന്നു. പട്ടികയിൽ 1 പേരുകൾ, ഹെക്സാഡെസിമൽ കോഡ്, RGB, HSL മൂല്യങ്ങൾ, വിവരണം എന്നിവ കാണിക്കുന്നു.
പേര് | നിറം | കോഡ് | RGB | എച്ച്എസ്എൽ | വിവരണം |
---|---|---|---|---|---|
വെള്ള | #ffffff അല്ലെങ്കിൽ #fff | rgb(255,255,255) | hsl(0.0%,100%) | വെള്ള | |
വെള്ളി | #c0c0c0 | rgb(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 | rgb(128,0,0) | hsl(0.100%,25%) | കടും ചുവപ്പ് | |
ചുവപ്പ് | #ff0000 അല്ലെങ്കിൽ #f00 | rgb(255,0,0) | hsl(0,100%,50%) | ചുവപ്പ് | |
ഓറഞ്ച് | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | ഓറഞ്ച് | |
മഞ്ഞ | #ffff00 അല്ലെങ്കിൽ #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | മഞ്ഞ | |
ഒലിവ് | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | ഒലിവ് | |
നാരങ്ങ | #00ff00 അല്ലെങ്കിൽ #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | ഇളം പച്ച | |
പച്ച | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | പച്ച | |
അക്വാ | #00ffff അല്ലെങ്കിൽ #0ff | rgb(0,255,255) | hsl(180,100%,50%) | നീല | |
നീല | #0000ff അല്ലെങ്കിൽ #00f | rgb(0,0,255) | hsl(240,100%,50%) | നീല | |
നാവികസേന | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | കടും നീല | |
ടീൽ | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | നീല പച്ച | |
ഫ്യൂഷിയ | #ff00ff അല്ലെങ്കിൽ #f0f | rgb(255,0,255) | hsl(300,100%,50%) | പിങ്ക് | |
ധൂമ്രനൂൽ | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | വയലറ്റ് |
RGB ഉപയോഗിക്കുന്നു
ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ | ക്രോം | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
ചുവപ്പ്, പച്ച, നീല മൂല്യങ്ങൾ ഉപയോഗിച്ച് ദശാംശ പദങ്ങളിൽ നിങ്ങൾക്ക് നിറം നിർവചിക്കാം. മൂന്ന് വർണ്ണ ഘടകങ്ങളിൽ ഓരോന്നും 0 മുതൽ 255 വരെയുള്ള മൂല്യം എടുക്കുന്നു. 255 എന്ന സംഖ്യയുമായി 100% അനുസരിച്ചുള്ള വർണ്ണം ശതമാനമായി വ്യക്തമാക്കുന്നതും അനുവദനീയമാണ്. ആദ്യം, rgb കീവേഡ് വ്യക്തമാക്കുക, തുടർന്ന് പരാൻതീസിസിൽ വർണ്ണ ഘടകങ്ങൾ വ്യക്തമാക്കുക. , കോമകളാൽ വേർതിരിച്ചിരിക്കുന്നു, ഉദാഹരണത്തിന് rgb(255 , 128, 128) അല്ലെങ്കിൽ rgb(100%, 50%, 50%).
ആർജിബിഎ
ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ | ക്രോം | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
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 ഫോർമാറ്റിലുള്ള ഒരു വർണ്ണം സാധുതയുള്ളതാണ്, എന്നാൽ പശ്ചാത്തല പ്രോപ്പർട്ടിയിലേക്ക് ചേർത്ത ഒന്ന് ഇനി സാധുതയുള്ളതല്ല. അതേ സമയം, ബ്രൗസറുകൾ രണ്ട് പ്രോപ്പർട്ടികളുടെയും നിറം ശരിയായി മനസ്സിലാക്കുന്നു.
എച്ച്എസ്എൽ
ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ | ക്രോം | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSL ഫോർമാറ്റിന്റെ പേര് ഹ്യൂ (ഹ്യൂ), സാച്ചുറേറ്റ് (സാച്ചുറേഷൻ), ലൈറ്റ്നസ് (ലൈറ്റ്നസ്) എന്നിവയുടെ ആദ്യ അക്ഷരങ്ങളുടെ സംയോജനത്തിൽ നിന്നാണ് ഉരുത്തിരിഞ്ഞത്. ഹ്യൂ എന്നത് കളർ വീലിലെ വർണ്ണ മൂല്യമാണ് (ചിത്രം 1) അത് ഡിഗ്രിയിൽ നൽകിയിരിക്കുന്നു. 0° ചുവപ്പിനോടും 120° പച്ചയോടും 240° നീലയോടും യോജിക്കുന്നു. ഹ്യൂ മൂല്യം 0 മുതൽ 359 വരെ വ്യത്യാസപ്പെടാം.
അരി. 1. കളർ വീൽ
സാച്ചുറേഷൻ എന്നത് ഒരു നിറത്തിന്റെ തീവ്രതയാണ്, ഇത് 0% മുതൽ 100% വരെയുള്ള ശതമാനമായി കണക്കാക്കുന്നു. 0% മൂല്യം നിറവും ചാരനിറത്തിലുള്ള ഷേഡും സൂചിപ്പിക്കുന്നു, 100% സാച്ചുറേഷൻ പരമാവധി മൂല്യമാണ്.
പ്രകാശം നിറം എത്ര തെളിച്ചമുള്ളതാണെന്നും 0% മുതൽ 100% വരെയുള്ള ശതമാനമായി വ്യക്തമാക്കുന്നു. കുറഞ്ഞ മൂല്യങ്ങൾ നിറത്തെ ഇരുണ്ടതാക്കുന്നു, ഉയർന്ന മൂല്യങ്ങൾ വർണ്ണത്തെ ഭാരം കുറഞ്ഞതാക്കുന്നു; 0%, 100% എന്നിവയുടെ അങ്ങേയറ്റത്തെ മൂല്യങ്ങൾ കറുപ്പും വെളുപ്പും തമ്മിൽ യോജിക്കുന്നു.
എച്ച്.എസ്.എൽ.എ
ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ | ക്രോം | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
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. വെബ് പേജിലെ നിറങ്ങൾ
HTML-ൽ, നിറം മൂന്ന് തരത്തിൽ വ്യക്തമാക്കാം:
HTML-ൽ ഒരു നിറം അതിന്റെ പേരിൽ സജ്ജീകരിക്കുന്നു
ഇംഗ്ലീഷിലെ വർണ്ണനാമം മൂല്യമായി ഉപയോഗിച്ച് ചില നിറങ്ങൾ അവയുടെ പേരിനാൽ വ്യക്തമാക്കാവുന്നതാണ്. ഏറ്റവും സാധാരണമായ കീവേഡുകൾ: കറുപ്പ്, വെള്ള, ചുവപ്പ്, പച്ച, നീല മുതലായവ:
ടെക്സ്റ്റ് നിറം - ചുവപ്പ്
വേൾഡ് വൈഡ് വെബ് കൺസോർഷ്യം (W3C) നിലവാരത്തിന്റെ ഏറ്റവും ജനപ്രിയമായ നിറങ്ങൾ:
നിറം | പേര് | നിറം | പേര് | നിറം | പേര് | നിറം | പേര് |
---|---|---|---|---|---|---|---|
കറുപ്പ് | ചാരനിറം | വെള്ളി | വെള്ള | ||||
മഞ്ഞ | നാരങ്ങ | അക്വാ | ഫ്യൂഷിയ | ||||
ചുവപ്പ് | പച്ച | നീല | പർപ്പിൾ | ||||
മെറൂൺ | ഒലിവ് | നാവികസേന | ടീൽ |
വ്യത്യസ്ത നിറങ്ങളുടെ പേരുകൾ ഉപയോഗിക്കുന്നതിനുള്ള ഉദാഹരണം:
ഉദാഹരണം: ഒരു നിറം അതിന്റെ പേരിൽ വ്യക്തമാക്കുന്നു
- സ്വയം പരീക്ഷിച്ചു നോക്കൂ"
ചുവന്ന പശ്ചാത്തലത്തിൽ തലക്കെട്ട്
ഓറഞ്ച് പശ്ചാത്തലത്തിലുള്ള തലക്കെട്ട്
നാരങ്ങ പശ്ചാത്തലത്തിൽ തലക്കെട്ട്
നീല പശ്ചാത്തലത്തിൽ വെള്ള വാചകം
ചുവന്ന പശ്ചാത്തലത്തിൽ തലക്കെട്ട്
ഓറഞ്ച് പശ്ചാത്തലത്തിലുള്ള തലക്കെട്ട്
നാരങ്ങ പശ്ചാത്തലത്തിൽ തലക്കെട്ട്
നീല പശ്ചാത്തലത്തിൽ വെള്ള വാചകം
RGB ഉപയോഗിച്ച് നിറം വ്യക്തമാക്കുന്നു
ഒരു മോണിറ്ററിൽ വ്യത്യസ്ത നിറങ്ങൾ പ്രദർശിപ്പിക്കുമ്പോൾ, RGB പാലറ്റ് അടിസ്ഥാനമായി ഉപയോഗിക്കുന്നു. മൂന്ന് അടിസ്ഥാന നിറങ്ങൾ കലർത്തി ഏത് നിറവും ലഭിക്കും: ആർ - ചുവപ്പ്, ജി - പച്ച, ബി - നീല. ഓരോ വർണ്ണത്തിന്റെയും തെളിച്ചം ഒരു ബൈറ്റാണ് നൽകിയിരിക്കുന്നത്, അതിനാൽ 0 മുതൽ 255 വരെയുള്ള മൂല്യങ്ങൾ എടുക്കാം. ഉദാഹരണത്തിന്, RGB(255,0,0) ചുവപ്പായി പ്രദർശിപ്പിക്കുന്നു, കാരണം ചുവപ്പ് അതിന്റെ ഉയർന്ന മൂല്യമായി (255) സജ്ജീകരിച്ചിരിക്കുന്നു. ബാക്കിയുള്ളത് 0 ആയി സജ്ജീകരിച്ചിരിക്കുന്നു, നിങ്ങൾക്ക് വർണ്ണം ശതമാനമായും സജ്ജീകരിക്കാം. ഓരോ പാരാമീറ്ററും ബന്ധപ്പെട്ട നിറത്തിന്റെ തെളിച്ച നിലയെ സൂചിപ്പിക്കുന്നു. ഉദാഹരണത്തിന്: rgb (127, 255, 127), rgb (50%, 100%, 50%) മൂല്യങ്ങൾ ഒരേ ഇടത്തരം പച്ച നിറം സജ്ജമാക്കും:
ഉദാഹരണം: RGB ഉപയോഗിച്ച് നിറം വ്യക്തമാക്കുന്നത്
- സ്വയം പരീക്ഷിച്ചു നോക്കൂ"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
ഹെക്സാഡെസിമൽ മൂല്യം അനുസരിച്ച് നിറം സജ്ജമാക്കുക
മൂല്യങ്ങൾ ആർ ജി ബിഹെക്സാഡെസിമൽ (HEX) വർണ്ണ മൂല്യങ്ങൾ ഉപയോഗിച്ചും ഈ രൂപത്തിൽ വ്യക്തമാക്കാം: #RRGGBB ഇവിടെ RR (ചുവപ്പ്), GG (പച്ച), BB (നീല) എന്നിവ 00 മുതൽ FF വരെയുള്ള ഹെക്സാഡെസിമൽ മൂല്യങ്ങളാണ് (ദശാംശം 0-255 ന് തുല്യമാണ്. ) ഹെക്സാഡെസിമൽ സിസ്റ്റം, ഡെസിമൽ സിസ്റ്റത്തിൽ നിന്ന് വ്യത്യസ്തമായി, അതിന്റെ പേര് സൂചിപ്പിക്കുന്നത് പോലെ, 16 എന്ന നമ്പറിനെ അടിസ്ഥാനമാക്കിയുള്ളതാണ്. ഹെക്സാഡെസിമൽ സിസ്റ്റം ഇനിപ്പറയുന്ന അടയാളങ്ങൾ ഉപയോഗിക്കുന്നു: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. ഇവിടെ 10 മുതൽ 15 വരെയുള്ള അക്കങ്ങൾ ലാറ്റിൻ അക്ഷരങ്ങൾ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുന്നു. ഹെക്സാഡെസിമൽ സിസ്റ്റത്തിൽ 15-ൽ കൂടുതലുള്ള സംഖ്യകളെ രണ്ട് പ്രതീകങ്ങൾ ഒരു മൂല്യത്തിലേക്ക് സംയോജിപ്പിച്ച് പ്രതിനിധീകരിക്കുന്നു. ഉദാഹരണത്തിന്, ദശാംശത്തിലെ ഏറ്റവും ഉയർന്ന സംഖ്യയായ 255 ഹെക്സാഡെസിമലിലെ ഉയർന്ന എഫ്എഫ് മൂല്യവുമായി യോജിക്കുന്നു. ദശാംശ സമ്പ്രദായത്തിൽ നിന്ന് വ്യത്യസ്തമായി, ഒരു ഹെക്സാഡെസിമൽ സംഖ്യയ്ക്ക് മുമ്പായി ഒരു ഹാഷ് ചിഹ്നമുണ്ട്. # , ഉദാഹരണത്തിന്, #FF0000 ചുവപ്പായി കാണിക്കുന്നു, കാരണം ചുവപ്പ് അതിന്റെ ഉയർന്ന മൂല്യമായി (FF) സജ്ജീകരിച്ചിരിക്കുന്നു, ബാക്കി നിറങ്ങൾ അവയുടെ ഏറ്റവും കുറഞ്ഞ മൂല്യമായി (00) സജ്ജീകരിച്ചിരിക്കുന്നു. ഹാഷ് ചിഹ്നത്തിന് ശേഷമുള്ള അടയാളങ്ങൾ # നിങ്ങൾക്ക് വലിയക്ഷരത്തിലും ചെറിയക്ഷരത്തിലും ടൈപ്പ് ചെയ്യാം. ഹെക്സാഡെസിമൽ സിസ്റ്റം #rgb എന്ന ചുരുക്കരൂപം ഉപയോഗിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, ഇവിടെ ഓരോ പ്രതീകവും ഇരട്ടിക്കുന്നതിന് തുല്യമാണ്. അതിനാൽ, #f7O എന്ന എൻട്രിയെ #ff7700 ആയി കണക്കാക്കണം.
ഉദാഹരണം: HEX നിറം
- സ്വയം പരീക്ഷിച്ചു നോക്കൂ"
ചുവപ്പ്: #FF0000
പച്ച: #00FF00
നീല: #0000FF
ചുവപ്പ്: #FF0000
പച്ച: #00FF00
നീല: #0000FF
ചുവപ്പ്+പച്ച=മഞ്ഞ: #FFFF00
ചുവപ്പ്+നീല=പർപ്പിൾ: #FF00FF
പച്ച+നീല=സിയാൻ: #00FFFF
പൊതുവായ നിറങ്ങളുടെ പട്ടിക (പേര്, HEX, RGB):
ഇംഗ്ലീഷ് പേര് | റഷ്യൻ പേര് | സാമ്പിൾ | ഹെക്സ് | RGB | ||
---|---|---|---|---|---|---|
അമരന്ത് | അമരന്ത് | #E52B50 | 229 | 43 | 80 | |
ആമ്പർ | ആമ്പർ | #FFBF00 | 255 | 191 | 0 | |
അക്വാ | നീല പച്ച | #00FFFF | 0 | 255 | 255 | |
ആകാശനീല | ആകാശനീല | #007FFF | 0 | 127 | 255 | |
കറുപ്പ് | കറുപ്പ് | #000000 | 0 | 0 | 0 | |
നീല | നീല | #0000FF | 0 | 0 | 255 | |
ബോണ്ടി ബ്ലൂ | ബോണ്ടി ബീച്ച് വെള്ളം | #0095B6 | 0 | 149 | 182 | |
പിച്ചള | പിച്ചള | #B5A642 | 181 | 166 | 66 | |
തവിട്ട് | തവിട്ട് | #964B00 | 150 | 75 | 0 | |
സെറൂലിയൻ | ആകാശനീല | #007BA7 | 0 | 123 | 167 | |
ഇരുണ്ട വസന്തകാല പച്ച | ഇരുണ്ട വസന്തകാല പച്ച | #177245 | 23 | 114 | 69 | |
മരതകം | മരതകം | #50C878 | 80 | 200 | 120 | |
എഗ്പ്ലാന്റ് | എഗ്പ്ലാന്റ് | #990066 | 153 | 0 | 102 | |
ഫ്യൂഷിയ | ഫ്യൂഷിയ | #FF00FF | 255 | 0 | 255 | |
സ്വർണ്ണം | സ്വർണ്ണം | #FFD700 | 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 | |
ഓറഞ്ച് | ഓറഞ്ച് | #FFA500 | 255 | 165 | 0 | |
പീച്ച് | പീച്ച് | #FFE5B4 | 255 | 229 | 180 | |
മത്തങ്ങ | മത്തങ്ങ | #FF7518 | 255 | 117 | 24 | |
പർപ്പിൾ | വയലറ്റ് | #800080 | 128 | 0 | 128 | |
ചുവപ്പ് | ചുവപ്പ് | #FF0000 | 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 |
സാച്ചുറേഷൻ, ഹ്യൂ എന്നിവ പ്രകാരം വർണ്ണ കോഡുകൾ (പശ്ചാത്തലം).