നിറങ്ങൾ വ്യക്തമാക്കാൻ ഹെക്സാഡെസിമൽ സംഖ്യകൾ ഉപയോഗിക്കുന്നു. ഹെക്സാഡെസിമൽ സിസ്റ്റം, ഡെസിമൽ സിസ്റ്റത്തിൽ നിന്ന് വ്യത്യസ്തമായി, അതിൻ്റെ പേര് സൂചിപ്പിക്കുന്നത് പോലെ, 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 |
സാച്ചുറേഷൻ, ഹ്യൂ എന്നിവ പ്രകാരം വർണ്ണ കോഡുകൾ (പശ്ചാത്തലം).
നിങ്ങൾക്കറിയാവുന്നതുപോലെ, നിറം ഒരു വ്യക്തിയുടെ അവസ്ഥയെ ബാധിക്കും: മാനസികവും ശാരീരികവും. എല്ലാ ദിവസവും, ഇൻ്റർനെറ്റിൽ വെബ്സൈറ്റുകൾ ബ്രൗസ് ചെയ്യുമ്പോൾ, കണ്ണുകൾ ദശലക്ഷക്കണക്കിന് നിറങ്ങളും ഷേഡുകളും വിലയിരുത്തുന്നു. നിറത്തിൻ്റെ മനഃശാസ്ത്രം പരിചയമുള്ള ഒരു വെബ് ഡിസൈനർക്ക് ചില ലക്ഷ്യങ്ങൾ കൈവരിക്കുന്നതിന് സന്ദർശകൻ്റെ മാനസികാവസ്ഥ കൈകാര്യം ചെയ്യാൻ കഴിയും.
ചില ഷേഡുകൾ ശാന്തവും ചിലത് നേരെമറിച്ച് ഉത്തേജിപ്പിക്കുന്നതുമാണ് ഇതിന് കാരണം. കമ്പ്യൂട്ടർ സാങ്കേതികവിദ്യ ഉപയോഗിച്ച് നിറം എങ്ങനെ സമന്വയിപ്പിക്കുകയും പ്രദർശിപ്പിക്കുകയും ചെയ്യുന്നു എന്നതിനെക്കുറിച്ച് അടുത്തതായി നമ്മൾ സംസാരിക്കും.
RGB എന്നത് മൂന്ന് പ്രധാന ഘടകങ്ങളെ വിവിധ അനുപാതങ്ങളിൽ കലർത്തി എല്ലാ നിറങ്ങളും അവയുടെ ഷേഡുകളും നേടുന്നതിനുള്ള ഒരു രീതിയെ പ്രതിനിധീകരിക്കുന്ന ഒരു വർണ്ണ മോഡലാണ്, അവ:
- ചുവന്ന നിറം ( ചുവപ്പ്);
- പച്ച നിറം ( പച്ച);
- നീല നിറം ( നീല).
ഇവിടെ നിന്നാണ് RGB എന്ന ചുരുക്കപ്പേരുണ്ടായത്. ഈ നിറങ്ങൾ ഒരു കാരണത്താലാണ് പ്രധാനമായി തിരഞ്ഞെടുത്തത്: കാരണം മനുഷ്യൻ്റെ കണ്ണിൻ്റെ റെറ്റിനയുടെ ഫിസിയോളജിയാണ്, അത് അവയെ എങ്ങനെ കാണുന്നു:
RGB മോഡൽ ഇന്ന് ഏറ്റവും ജനപ്രിയമായി തുടരുന്നു, ടിവി സ്ക്രീനുകളിലും കമ്പ്യൂട്ടർ മോണിറ്ററുകളിലും നിറങ്ങൾ പുനർനിർമ്മിക്കാൻ ഉപയോഗിക്കുന്നു. നിർമ്മാതാക്കൾ അവരുടെ ഉൽപ്പന്നങ്ങൾക്ക് വ്യത്യസ്ത സ്വഭാവസവിശേഷതകൾ നൽകുന്നതിനാൽ, 1996-ൽ sRGB എന്ന പേരിൽ ഒരു ഏകീകൃത RGB-അധിഷ്ഠിത വർണ്ണ സമന്വയ സംവിധാനം സൃഷ്ടിക്കപ്പെട്ടു, അതിൽ Microsoft ഉം HP-യും ഒരുമിച്ച് പ്രവർത്തിച്ചു.
നിറത്തിൻ്റെ സംഖ്യാ പ്രാതിനിധ്യം
നേരത്തെ സൂചിപ്പിച്ചതുപോലെ, പ്രാഥമിക നിറങ്ങൾ കലർത്തിയാണ് RGB നിറങ്ങൾ രൂപപ്പെടുന്നത്. അവയിൽ ഓരോന്നിൻ്റെയും തീവ്രത വിവരിക്കുന്നതിന്, ഒരു സ്കീം സ്വീകരിച്ചു, അതിൽ വർണ്ണത്തെ 0-255 ശ്രേണി (8 ബിറ്റുകൾ) പ്രതിനിധീകരിക്കുന്നു, ഇത് ഹെക്സാഡെസിമൽ നൊട്ടേഷനിൽ 00-എഫ്എഫുമായി യോജിക്കുന്നു.
അതായത്, പ്രാഥമിക നിറങ്ങൾ ഇതുപോലെ കാണപ്പെടും:
- ചുവപ്പ് - RGB (255,0,0);
- പച്ച - RGB (0,255,0);
- നീല - RGB (0,0,255);
വർണ്ണ തീവ്രത 255-ൽ താഴെ മൂല്യങ്ങൾ എടുക്കുകയാണെങ്കിൽ, ചുവപ്പ്, പച്ച, നീല എന്നിവയുടെ വ്യത്യസ്ത ഷേഡുകൾ ലഭിക്കും. ഇനിപ്പറയുന്നവ അവയുടെ ഗ്രേഡേഷനുകളുടെ ഒരു പട്ടികയാണ്, അതുപോലെ തന്നെ ഓരോ ഷേഡുകളുടെയും ഹെക്സാഡെസിമൽ മൂല്യങ്ങൾ:
RGB കളർ ടേബിളുകൾ
സ്വാഭാവികമായും, പ്രാഥമിക നിറങ്ങളുടെ ഗ്രേഡേഷനുകൾക്ക് പുറമേ, മിശ്രിതമായവയും ഉണ്ട്, അവയുടെ എണ്ണം വളരെ വലുതാണ്. അതിനാൽ, RGB നിറങ്ങളുടെ ഒരു പട്ടിക സൃഷ്ടിച്ചു, അത് നിലവിലുള്ള എല്ലാ ഷേഡുകളും അവയുടെ പേരുകളും സംഖ്യാ പ്രാതിനിധ്യങ്ങളും അവതരിപ്പിക്കുന്നു ( ഡെസിമൽ, ഹെക്സാഡെസിമൽ രൂപത്തിൽ).
നിങ്ങൾക്ക് അത് ഇവിടെ കാണാൻ കഴിയും. ഈ പട്ടിക വെബ് ഡിസൈനർമാർക്ക് ജീവിതം വളരെ എളുപ്പമാക്കുന്നു, കാരണം കുറച്ച് നിമിഷങ്ങൾക്കുള്ളിൽ നിങ്ങൾക്ക് ആവശ്യമായ നിഴൽ കണ്ടെത്താനും അതിൻ്റെ സംഖ്യാ പ്രാതിനിധ്യം കണ്ടെത്താനും കഴിയും.
സുരക്ഷിതമായ RGB വർണ്ണ പാലറ്റ്
എന്നിരുന്നാലും, ചില ഘട്ടങ്ങളിൽ വ്യത്യസ്ത ബ്രൗസറുകളിൽ നിറങ്ങൾ പ്രദർശിപ്പിക്കുന്നതിൽ ഒരു പ്രശ്നമുണ്ടായിരുന്നു, അത് പരിഹരിക്കുന്നതിന്, RGB നിറങ്ങളുടെ "സുരക്ഷിത" പാലറ്റ് എന്ന് വിളിക്കപ്പെടുന്നവ സമാഹരിച്ചു, അവ ഗണിതശാസ്ത്ര കണക്കുകൂട്ടലുകളിൽ നിന്ന് ഉരുത്തിരിഞ്ഞതാണ്.
ബ്രൗസറിന് ഒരു വർണ്ണം ശരിയായി പ്രദർശിപ്പിക്കാൻ കഴിയാതെ വരുമ്പോൾ, അടുത്തുള്ള നിറങ്ങൾ കൂട്ടിച്ചേർത്ത് ആവശ്യമുള്ളതിന് അടുത്ത് എന്തെങ്കിലും നേടാൻ അത് ശ്രമിക്കും, മിക്കവാറും ഫലം പൂർണ്ണമായും അസ്വീകാര്യമായിരിക്കും:
ഈ പാലറ്റിൽ നിന്നുള്ള RGB കളർ കോഡുകൾ ഉപയോഗിക്കുന്നതിലൂടെ, വ്യത്യസ്ത ബ്രൗസറുകൾ, പ്ലാറ്റ്ഫോമുകൾ, മോണിറ്ററുകൾ എന്നിവ ഉപയോഗിച്ച് കാണുമ്പോൾ ഒരു വെബ് ഡെവലപ്പർക്ക് അവരുടെ വെബ്സൈറ്റിൻ്റെ പേജുകളിൽ നിറങ്ങൾ പ്രദർശിപ്പിക്കുന്നത് സംബന്ധിച്ച് മനസ്സമാധാനമുണ്ടാകും. ഇപ്പോൾ സുരക്ഷിതമായ നിറങ്ങളുടെ പട്ടിക അതിൻ്റെ പ്രസക്തി നഷ്ടപ്പെടുന്നുണ്ടെങ്കിലും ( സാങ്കേതിക പുരോഗതി ഇപ്പോഴും നിശ്ചലമല്ല), ഇത് ഉപയോഗിക്കുമ്പോൾ, അവർ പറയുന്നതുപോലെ നിങ്ങൾക്ക് സമാധാനപരമായി ഉറങ്ങാൻ കഴിയും.
RGB മോഡലിൽ സ്വർണ്ണ നിറം
14-ആം നൂറ്റാണ്ടിൻ്റെ തുടക്കത്തിൽ ഓറം - സ്വർണ്ണം എന്ന രാസ മൂലകത്തിൻ്റെ നിറത്തെ വിവരിക്കാൻ "സ്വർണം" എന്ന വാക്ക് ആദ്യമായി ഉപയോഗിച്ചു. RGB മോഡലിൽ, സ്വർണ്ണ നിറത്തെ ഇനിപ്പറയുന്ന സംഖ്യാ മൂല്യങ്ങൾ പ്രതിനിധീകരിക്കുന്നു:
- RGB (255, 215, 0) - ദശാംശ സംവിധാനം;
- HEX #FFD700 - ഹെക്സാഡെസിമൽ സിസ്റ്റം.
RGB മോഡലിൽ ബീജ് നിറം
ബീജ് നിറം ചരിത്രത്തിൽ വളരെ പ്രധാനപ്പെട്ട ഒരു സ്ഥാനം വഹിക്കുന്നു, അത് ഏറ്റവും പ്രകടമല്ലെങ്കിലും. പല സാംസ്കാരിക സ്മാരകങ്ങളും, പ്രത്യേകിച്ച് പുരാതന ശിൽപങ്ങൾ, സോപ്പ്സ്റ്റോണും സോപ്പ്സ്റ്റോണും കൊണ്ടാണ് നിർമ്മിച്ചിരിക്കുന്നത്, അവയ്ക്ക് ബീജ് നിറമുണ്ട്. RGB മോഡലിൽ, ബീജിന് ഇനിപ്പറയുന്ന സംഖ്യാ പ്രാതിനിധ്യങ്ങൾ ഉണ്ട്:
- RGB (245, 245, 220) - ദശാംശ സംവിധാനം;
- HEX #F5F5DC - ഹെക്സാഡെസിമൽ സിസ്റ്റം.
ഇക്കാലത്ത്, പ്രത്യേകിച്ച് വേൾഡ് വൈഡ് വെബിൽ, അത്തരമൊരു "ബോറടിപ്പിക്കുന്ന" നിറം കാണുന്നത് അപൂർവ്വമാണ്. ശോഭയുള്ള നിറങ്ങൾ ഉപയോഗിച്ച് ആകർഷകമായ രൂപകൽപ്പനയ്ക്ക് ഡെവലപ്പർമാർ മുൻഗണന നൽകുന്നു. സാങ്കേതിക പുരോഗതി മോണിറ്ററുകളിൽ നിറങ്ങളുടെ ഒരു വലിയ എണ്ണം പ്രദർശിപ്പിക്കുന്നത് സാധ്യമാക്കുന്നു, ഇത് ചിത്രത്തെ കൂടുതൽ യാഥാർത്ഥ്യമാക്കുന്നു.
നല്ല ചീത്ത
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 | ഫോർമാറ്റിംഗ് ഇല്ലാതെ വാചകം |
വ്ലാഡ് മെർഷെവിച്ച്
HTML-ൽ, വർണ്ണം രണ്ട് വഴികളിൽ ഒന്നിൽ സൂചിപ്പിച്ചിരിക്കുന്നു: ഹെക്സാഡെസിമൽ കോഡ് ഉപയോഗിച്ചും ചില നിറങ്ങളുടെ പേരിലും. ഹെക്സാഡെസിമൽ നമ്പർ സിസ്റ്റത്തെ അടിസ്ഥാനമാക്കിയുള്ള രീതിയാണ് പ്രധാനമായും ഉപയോഗിക്കുന്നത്, കാരണം ഇത് ഏറ്റവും സാർവത്രികമാണ്.
ഹെക്സാഡെസിമൽ നിറങ്ങൾ
നിറങ്ങൾ വ്യക്തമാക്കാൻ HTML ഹെക്സാഡെസിമൽ നമ്പറുകൾ ഉപയോഗിക്കുന്നു. ഹെക്സാഡെസിമൽ സിസ്റ്റം, ഡെസിമൽ സിസ്റ്റത്തിൽ നിന്ന് വ്യത്യസ്തമായി, അതിൻ്റെ പേര് സൂചിപ്പിക്കുന്നത് പോലെ, 16 എന്ന സംഖ്യയെ അടിസ്ഥാനമാക്കിയുള്ളതാണ്. സംഖ്യകൾ ഇനിപ്പറയുന്നതായിരിക്കും: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, എ , B, C , D, E, F. 10 മുതൽ 15 വരെയുള്ള സംഖ്യകൾ ലാറ്റിൻ അക്ഷരങ്ങൾ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുന്നു. പട്ടികയിൽ 6.1 ദശാംശവും ഹെക്സാഡെസിമലും തമ്മിലുള്ള കത്തിടപാടുകൾ കാണിക്കുന്നു.
ഹെക്സാഡെസിമൽ സിസ്റ്റത്തിൽ 15-ൽ കൂടുതലുള്ള സംഖ്യകൾ രണ്ട് സംഖ്യകൾ ഒന്നായി സംയോജിപ്പിച്ചാണ് രൂപപ്പെടുന്നത് (പട്ടിക 6.2). ഉദാഹരണത്തിന്, ദശാംശത്തിലെ 255 എന്ന സംഖ്യ ഹെക്സാഡെസിമലിലെ FF എന്ന സംഖ്യയുമായി യോജിക്കുന്നു.
നമ്പർ സിസ്റ്റം നിർവചിക്കുന്നതിലെ ആശയക്കുഴപ്പം ഒഴിവാക്കാൻ, ഒരു ഹെക്സാഡെസിമൽ സംഖ്യയ്ക്ക് മുമ്പായി ഒരു ഹാഷ് ചിഹ്നം #, ഉദാഹരണത്തിന് #aa69cc. ഈ സാഹചര്യത്തിൽ, കേസ് പ്രശ്നമല്ല, അതിനാൽ #F0F0F0 അല്ലെങ്കിൽ #f0f0f0 എന്ന് എഴുതുന്നത് അനുവദനീയമാണ്.
HTML-ൽ ഉപയോഗിക്കുന്ന ഒരു സാധാരണ നിറം ഇതുപോലെ കാണപ്പെടുന്നു.
ഇവിടെ വെബ് പേജിൻ്റെ പശ്ചാത്തല നിറം #FA8E47 ആയി സജ്ജീകരിച്ചിരിക്കുന്നു. ഒരു സംഖ്യയുടെ മുന്നിലുള്ള # എന്ന ഹാഷ് ചിഹ്നം അർത്ഥമാക്കുന്നത് അത് ഹെക്സാഡെസിമൽ എന്നാണ്. ആദ്യത്തെ രണ്ട് അക്കങ്ങൾ (എഫ്എ) നിറത്തിൻ്റെ ചുവപ്പ് ഘടകത്തെ നിർവചിക്കുന്നു, മൂന്നാമത്തേത് മുതൽ നാലാമത്തെ അക്കങ്ങൾ വരെ (8E) പച്ച ഘടകത്തെ നിർവചിക്കുന്നു, അവസാന രണ്ട് അക്കങ്ങൾ (47) നീല ഘടകത്തെ നിർവചിക്കുന്നു. അന്തിമഫലം ഈ നിറമായിരിക്കും.
എഫ്.എ. | + | 8E | + | 47 | = | FA8E47 |
മൂന്ന് നിറങ്ങളിൽ ഓരോന്നിനും - ചുവപ്പ്, പച്ച, നീല - 00 മുതൽ FF വരെയുള്ള മൂല്യങ്ങൾ എടുക്കാം, അതിൻ്റെ ഫലമായി ആകെ 256 ഷേഡുകൾ ലഭിക്കും. അങ്ങനെ, നിറങ്ങളുടെ ആകെ എണ്ണം 256x256x256 = 16,777,216 കോമ്പിനേഷനുകൾ ആകാം. ചുവപ്പ്, പച്ച, നീല ഘടകങ്ങളെ അടിസ്ഥാനമാക്കിയുള്ള ഒരു വർണ്ണ മോഡലിനെ RGB (ചുവപ്പ്, പച്ച, നീല; ചുവപ്പ്, പച്ച, നീല) എന്ന് വിളിക്കുന്നു. ഈ മോഡൽ അഡിറ്റീവാണ് (ആഡ് - ആഡിൽ നിന്ന്), അതിൽ മൂന്ന് ഘടകങ്ങളുടെയും കൂട്ടിച്ചേർക്കൽ വെളുത്ത നിറം ഉണ്ടാക്കുന്നു.
ഹെക്സാഡെസിമൽ നിറങ്ങൾ നാവിഗേറ്റ് ചെയ്യുന്നത് എളുപ്പമാക്കുന്നതിന്, ചില നിയമങ്ങൾ കണക്കിലെടുക്കുക.
- വർണ്ണ ഘടകങ്ങളുടെ മൂല്യങ്ങൾ ഒന്നുതന്നെയാണെങ്കിൽ (ഉദാഹരണത്തിന്: #D6D6D6), അപ്പോൾ ഫലം ചാരനിറമായിരിക്കും. സംഖ്യ കൂടുന്തോറും ഇളം നിറവും, #000000 (കറുപ്പ്) മുതൽ #FFFFFF (വെളുപ്പ്) വരെയുള്ള മൂല്യങ്ങൾ.
- ചുവന്ന ഘടകം പരമാവധി (എഫ്എഫ്) ആക്കുകയും ശേഷിക്കുന്ന ഘടകങ്ങൾ പൂജ്യമായി സജ്ജമാക്കുകയും ചെയ്താൽ ഒരു കടും ചുവപ്പ് നിറം രൂപം കൊള്ളുന്നു. #FF0000 മൂല്യമുള്ള ഒരു നിറമാണ് സാധ്യമായ ഏറ്റവും ചുവപ്പ് നിറത്തിലുള്ള ഷേഡ്. പച്ച (#00FF00), നീല (#0000FF) എന്നിവയ്ക്കും ഇത് ബാധകമാണ്.
- ചുവപ്പും പച്ചയും ചേർത്താണ് മഞ്ഞ (#FFFF00) ഉണ്ടാക്കുന്നത്. ഇത് കളർ വീലിൽ (ചിത്രം 6.1) വ്യക്തമായി കാണാം, ഇത് പ്രാഥമിക നിറങ്ങളും (ചുവപ്പ്, പച്ച, നീല) പൂരകമോ അധികമോ അവതരിപ്പിക്കുന്നു. മഞ്ഞ, സിയാൻ, വയലറ്റ് (മജന്ത എന്നും അറിയപ്പെടുന്നു) എന്നിവ ഇതിൽ ഉൾപ്പെടുന്നു. പൊതുവേ, ഏത് നിറവും അതിനോട് ചേർന്നുള്ള നിറങ്ങൾ കലർത്തി ലഭിക്കും. അങ്ങനെ, നീലയും പച്ചയും സംയോജിപ്പിച്ച് സിയാൻ (#00FFFF) ലഭിക്കും.
അരി. 6.1 വർണ്ണ വൃത്തം
ഹെക്സാഡെസിമൽ മൂല്യങ്ങളെ അടിസ്ഥാനമാക്കിയുള്ള നിറങ്ങൾ അനുഭവപരമായി തിരഞ്ഞെടുക്കേണ്ടതില്ല. ഈ ആവശ്യത്തിനായി, വ്യത്യസ്ത വർണ്ണ മോഡലുകളിൽ പ്രവർത്തിക്കാൻ കഴിയുന്ന ഒരു ഗ്രാഫിക് എഡിറ്റർ അനുയോജ്യമാണ്, ഉദാഹരണത്തിന്, അഡോബ് ഫോട്ടോഷോപ്പ്. ചിത്രത്തിൽ. ഈ പ്രോഗ്രാമിൽ ഒരു വർണ്ണം തിരഞ്ഞെടുക്കുന്നതിനുള്ള വിൻഡോ ചിത്രം 6.2 കാണിക്കുന്നു; നിലവിലെ വർണ്ണത്തിൻ്റെ ഫലമായുണ്ടാകുന്ന ഹെക്സാഡെസിമൽ മൂല്യം ഒരു ലൈൻ ഉപയോഗിച്ച് വിവരിച്ചിരിക്കുന്നു. നിങ്ങൾക്ക് ഇത് നിങ്ങളുടെ കോഡിലേക്ക് പകർത്തി ഒട്ടിക്കാം.
അരി. 6.2 ഫോട്ടോഷോപ്പിൽ നിറങ്ങൾ തിരഞ്ഞെടുക്കുന്നതിനുള്ള വിൻഡോ
വെബ് നിറങ്ങൾ
നിങ്ങൾ മോണിറ്ററിൻ്റെ വർണ്ണ റെൻഡറിംഗ് നിലവാരം 8 ബിറ്റുകളായി (256 നിറങ്ങൾ) സജ്ജമാക്കുകയാണെങ്കിൽ, വ്യത്യസ്ത ബ്രൗസറുകളിൽ ഒരേ നിറം വ്യത്യസ്തമായി പ്രദർശിപ്പിക്കാൻ കഴിയും. ബ്രൗസർ സ്വന്തം പാലറ്റിൽ പ്രവർത്തിക്കുകയും അതിൻ്റെ പാലറ്റിൽ ഇല്ലാത്ത നിറം കാണിക്കാതിരിക്കുകയും ചെയ്യുമ്പോൾ ഗ്രാഫിക്സ് പ്രദർശിപ്പിക്കുന്ന രീതിയാണ് ഇതിന് കാരണം. ഈ സാഹചര്യത്തിൽ, നിറം മാറ്റി പകരം മറ്റൊന്നിൻ്റെ പിക്സലുകൾ, അതിനടുത്തുള്ള, തന്നിരിക്കുന്നവയെ അനുകരിക്കുന്ന നിറങ്ങൾ. വ്യത്യസ്ത ബ്രൗസറുകളിലുടനീളം നിറം ഒരേപോലെ നിലനിൽക്കുന്നുവെന്ന് ഉറപ്പാക്കാൻ, വെബ് നിറങ്ങൾ എന്ന് വിളിക്കപ്പെടുന്ന ഒരു പാലറ്റ് അവതരിപ്പിച്ചു. ഓരോ ഘടകത്തിനും - ചുവപ്പ്, പച്ച, നീല - ആറ് മൂല്യങ്ങളിൽ ഒന്നായി സജ്ജീകരിച്ചിരിക്കുന്ന നിറങ്ങളാണ് വെബ് നിറങ്ങൾ - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). ഈ ഘടകത്തിൻ്റെ ഹെക്സാഡെസിമൽ മൂല്യം ബ്രാക്കറ്റുകളിൽ സൂചിപ്പിച്ചിരിക്കുന്നു. സാധ്യമായ എല്ലാ കോമ്പിനേഷനുകളിൽ നിന്നുമുള്ള ആകെ നിറങ്ങളുടെ എണ്ണം 6x6x6 - 216 നിറങ്ങൾ നൽകുന്നു. ഒരു ഉദാഹരണ വെബ് നിറം #33FF66 ആണ്.
എല്ലാ ബ്രൗസറുകളിലും ഒരേ പോലെ കാണപ്പെടുന്നു എന്നതാണ് വെബ് കളറിൻ്റെ പ്രധാന സവിശേഷത. ഇപ്പോൾ, മോണിറ്ററുകളുടെ ഗുണനിലവാരവും അവയുടെ കഴിവുകളുടെ വികാസവും കാരണം വെബ് നിറങ്ങളുടെ പ്രസക്തി വളരെ ചെറുതാണ്.
പേരിനനുസരിച്ച് നിറങ്ങൾ
ഒരു കൂട്ടം അക്കങ്ങൾ ഓർത്തുവയ്ക്കുന്നത് ഒഴിവാക്കാൻ, പകരം സാധാരണയായി ഉപയോഗിക്കുന്ന നിറങ്ങളുടെ പേരുകൾ ഉപയോഗിക്കാം. പട്ടികയിൽ 6.3 ജനപ്രിയ വർണ്ണ നാമങ്ങളുടെ പേരുകൾ കാണിക്കുന്നു.
നിറത്തിൻ്റെ പേര് | നിറം | വിവരണം | ഹെക്സാഡെസിമൽ മൂല്യം |
---|---|---|---|
കറുപ്പ് | കറുപ്പ് | #000000 | |
നീല | നീല | #0000FF | |
ഫ്യൂഷിയ | ഇളം പർപ്പിൾ | #FF00FF | |
ചാരനിറം | ഇരുണ്ട ചാരനിറം | #808080 | |
പച്ച | പച്ച | #008000 | |
നാരങ്ങ | ഇളം പച്ച | #00FF00 | |
മെറൂൺ | കടും ചുവപ്പ് | #800000 | |
നാവികസേന | കടും നീല | #000080 | |
ഒലിവ് | ഒലിവ് | #808000 | |
ധൂമ്രനൂൽ | ഇരുണ്ട പർപ്പിൾ | #800080 | |
ചുവപ്പ് | ചുവപ്പ് | #FF0000 | |
വെള്ളി | ഇളം ചാര നിറം | #C0C0C0 | |
ടീൽ | നീല പച്ച | #008080 | |
വെള്ള | വെള്ള | #FFFFFF | |
മഞ്ഞ | മഞ്ഞ | #FFFF00 |
നിങ്ങൾ ഒരു നിറം അതിൻ്റെ പേരിൽ അല്ലെങ്കിൽ ഹെക്സാഡെസിമൽ സംഖ്യകൾ ഉപയോഗിച്ചാണോ വ്യക്തമാക്കുന്നത് എന്നത് പ്രശ്നമല്ല. ഈ രീതികൾ അവയുടെ ഫലത്തിൽ തുല്യമാണ്. ഉദാഹരണം 6.1 ഒരു വെബ് പേജിൻ്റെ പശ്ചാത്തലവും ടെക്സ്റ്റ് നിറങ്ങളും എങ്ങനെ സജ്ജീകരിക്കാമെന്ന് കാണിക്കുന്നു.
ഉദാഹരണം 6.1. പശ്ചാത്തലവും വാചക നിറവും
ഉദാഹരണ വാചകം
ഈ ഉദാഹരണത്തിൽ, ടാഗിൻ്റെ bgcolor ആട്രിബ്യൂട്ട് ഉപയോഗിച്ചാണ് പശ്ചാത്തല നിറം സജ്ജീകരിച്ചിരിക്കുന്നത്
, ടെക്സ്റ്റ് ആട്രിബ്യൂട്ട് വഴി ടെക്സ്റ്റ് നിറം. വൈവിധ്യത്തിന്, ടെക്സ്റ്റ് ആട്രിബ്യൂട്ട് ഒരു ഹെക്സാഡെസിമൽ സംഖ്യയായി സജ്ജീകരിച്ചിരിക്കുന്നു, കൂടാതെ bgcolor ആട്രിബ്യൂട്ട് റിസർവ് ചെയ്ത കീവേഡ് Teal ലേക്ക് സജ്ജീകരിച്ചിരിക്കുന്നു.