നിർഭാഗ്യവശാൽ, വെബ്സൈറ്റിൽ രുചി സംവേദനങ്ങൾ പ്രദർശിപ്പിക്കുന്നത് ഇതുവരെ സാധ്യമല്ല. എന്നാൽ നിറങ്ങളുടെ സഹായത്തോടെ ഇത് പൂർണ്ണമായും നഷ്ടപരിഹാരം നൽകാം. എല്ലാത്തിനുമുപരി, ദശലക്ഷക്കണക്കിന് ഷേഡുകൾ പ്രദർശിപ്പിക്കാൻ html നിറങ്ങൾ നിങ്ങളെ അനുവദിക്കുന്നു. അതുകൊണ്ട്" വർണ പെന്സിൽഅദ്ദേഹത്തിന്റെ സെറ്റിൽ ഏഴിലധികം പേർ ഉണ്ട്.
html-ൽ വർണ്ണ സ്കീം
html-ൽ, നിറം പല ഫോർമാറ്റുകളിൽ വ്യക്തമാക്കാം:
1. ഒരു ഹെക്സാഡെസിമൽ മൂല്യമായി - ഹെക്സാഡെസിമൽ നമ്പർ സിസ്റ്റത്തിൽ വ്യക്തമാക്കിയ കോഡ് ഉപയോഗിക്കുന്നു. html-ലെ അത്തരം വർണ്ണ കോഡുകളിൽ മൂന്ന് ജോഡി ഹെക്സാഡെസിമൽ സംഖ്യകൾ അടങ്ങിയിരിക്കുന്നു. ഓരോ ജോഡിയും അതിന്റെ പ്രാഥമിക നിറമുള്ള നിഴലിന്റെ സാച്ചുറേഷന് ഉത്തരവാദിയാണ്:
- ആദ്യത്തെ സംഖ്യാ ജോഡി ചുവപ്പ് നിറത്തിന് ഉത്തരവാദിയാണ്;
- രണ്ടാമത്തെ ജോഡി പച്ച നിറത്തിലുള്ള ഉള്ളടക്കത്തിനാണ്;
- രണ്ടാമത്തേത് അതിന്റെ നീല ഉള്ളടക്കത്തിനാണ്.
കോഡിന്റെ തുടക്കത്തിൽ (നമ്പറുകൾക്ക് മുമ്പ്) ഒരു ഹാഷ് അടയാളം സ്ഥാപിച്ചിരിക്കുന്നു. ഇതാണ് ഹെക്സാഡെസിമൽ കളർ കോഡ്. 1 മുതൽ 9 വരെയുള്ള അക്കങ്ങൾക്ക് പുറമേ, ഈ സംഖ്യാ സംവിധാനം ലാറ്റിൻ അക്ഷരമാല (എ, ബി, സി, ഡി, ഇ, എഫ്) അക്ഷരങ്ങൾ ഉപയോഗിക്കുന്നു.
ഉദാഹരണത്തിന്, html-ലെ വെള്ള കളർ കോഡ് #FFFFFF പോലെ കാണപ്പെടും:
2. കീവേഡ് - HTML നിലവിൽ ഏകദേശം 147 കീവേഡുകൾ പിന്തുണയ്ക്കുന്നു. എന്നാൽ ഈ വാക്കുകളെല്ലാം അദ്വിതീയമല്ല. അവയിൽ ചിലത് ഒരേ നിറത്തിലുള്ള ഷേഡാണ് സൂചിപ്പിക്കുന്നത്.
ചാരനിറം രണ്ട് കീവേഡുകളാൽ പ്രതിനിധീകരിക്കുന്നു: ചാരനിറവും ചാരനിറവും . അവരുടെ ഹെക്സാഡെസിമൽ കോഡ് (HEX) നൽകിയിരിക്കുന്നത് അതേ മൂല്യം #808080 ആണ്.
ഉദാഹരണം:
#808080
3. RGB ഫോർമാറ്റിൽ - html-ലെ ഈ വർണ്ണ എൻകോഡിംഗ് മൂന്ന് മൂല്യങ്ങളുടെ ഉപയോഗത്തെ അടിസ്ഥാനമാക്കിയുള്ളതാണ്, 0 മുതൽ 255 വരെയുള്ള ശ്രേണിയിൽ സജ്ജീകരിച്ചിരിക്കുന്നു. അവ ഓരോന്നും പ്രാഥമിക നിറങ്ങളിൽ ഒന്ന് ഉപയോഗിച്ച് നിറത്തിന്റെ സാച്ചുറേഷൻ നിർണ്ണയിക്കുന്നു:
- ആർ - ചുവപ്പ് (ചുവപ്പ്);
- ജി - പച്ച (പച്ച);
- ബി - നീല (നീല).
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 എന്ന വെബ്സൈറ്റിൽ അവതരിപ്പിച്ചിരിക്കുന്നു:
എന്നാൽ പൊരുത്തപ്പെടുത്തലിന്റെ ഈ ഘടനയിൽ പോലും, ശരിയായ ഷേഡ് തിരഞ്ഞെടുക്കുന്നത് ബുദ്ധിമുട്ടാണ്. കളർ കോഡുകളുടെ പട്ടികയിൽ നിങ്ങൾക്ക് ആവശ്യമുള്ളത് അടങ്ങിയിരിക്കുമെന്നത് ഒരു വസ്തുതയല്ല.
ഈ തടസ്സം മറികടക്കാനും ശരിയായ ഷേഡ് തിരഞ്ഞെടുക്കുന്നത് കഴിയുന്നത്ര എളുപ്പമാക്കാനും, ഇന്ററാക്ടീവ് വെബ് സേവനങ്ങൾ വികസിപ്പിച്ചെടുത്തിട്ടുണ്ട്. അവരുടെ ഉപയോക്തൃ ഇന്റർഫേസ് പരസ്പരം അല്പം വ്യത്യാസപ്പെട്ടിരിക്കാം.
html-color-codes.info എന്ന വെബ്സൈറ്റിൽ കളർ ജനറേറ്റർ ഇതുപോലെ കാണപ്പെടുന്നു:
കൂടാതെ color-picker.appsmaster.co സേവനത്തിനുള്ളിൽ, ഈ ഉപകരണം കുറച്ച് വ്യത്യസ്തമായി നടപ്പിലാക്കുന്നു:
ജനറേറ്ററിലെ ഓരോ നിറത്തിന്റെയും സാച്ചുറേഷൻ പ്രത്യേക സ്ലൈഡറുകൾ ഉപയോഗിച്ച് സജ്ജീകരിച്ചിരിക്കുന്നു. ദൃശ്യപരമായി, ഇടത് വശത്ത് ഫ്രെയിമിന്റെയും ദീർഘചതുരത്തിന്റെയും നിറത്താൽ നിഴൽ പ്രദർശിപ്പിക്കും. ചുവടെ, 3 ഫീൽഡുകൾ അടിസ്ഥാന ഫോർമാറ്റുകളിൽ കളർ കോഡ് പ്രദർശിപ്പിക്കുന്നു.
എന്നാൽ പ്രത്യേക സൈറ്റുകളിൽ മാത്രമല്ല കളർ ജനറേറ്റർ ലഭ്യമാണ്. മിക്കവാറും എല്ലാ ഗ്രാഫിക് എഡിറ്റർമാരും സമാനമായ ഒരു ഉപകരണം കൊണ്ട് സജ്ജീകരിച്ചിരിക്കുന്നു. ഉദാഹരണത്തിന്, ഫോട്ടോഷോപ്പ്:
നിറവുമായി പ്രവർത്തിക്കുമ്പോൾ സുരക്ഷാ മുൻകരുതലുകൾ
ഇത് വളരെക്കാലം മുമ്പായിരുന്നു, 256 നിറങ്ങൾ മാത്രം പിന്തുണയ്ക്കുന്ന വീഡിയോ കാർഡുകളുടെ കാലഘട്ടത്തിൽ. ആ വിദൂര സമയങ്ങളിൽ, ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങൾക്ക് ഒരു നിശ്ചിത എണ്ണം എട്ട്-ബിറ്റ് ഷേഡുകൾ മാത്രമേ വികലമാക്കാതെ പ്രദർശിപ്പിക്കാൻ കഴിയൂ.
അപ്പോൾ സുരക്ഷിതമായ നിറങ്ങളുടെ ഒരു വലിയ പട്ടിക വികസിപ്പിച്ചെടുത്തു. അക്കാലത്തെ ഏതെങ്കിലും ബ്രൗസറുകളിൽ വക്രീകരിക്കപ്പെടാതെ പ്രദർശിപ്പിക്കാൻ കഴിയുന്ന 216 ഷേഡുകൾ അത് വ്യക്തമാക്കി. ഇന്നും ഈ " വലിയ കയ്യെഴുത്തുപ്രതി» ചില ഉറവിടങ്ങളിൽ ഇപ്പോഴും ലഭ്യമാണ്:
ഇന്നിപ്പോൾ എല്ലാം മാറിയിരിക്കുന്നു. അതിനാൽ, html-ൽ നിറത്തിൽ പ്രവർത്തിക്കുമ്പോൾ എല്ലാ സുരക്ഷാ നിയമങ്ങളും പൂർണ്ണമായും റദ്ദാക്കിയിരിക്കുന്നു. എല്ലാത്തിനുമുപരി, ആധുനിക കമ്പ്യൂട്ടർ ഹാർഡ്വെയർ 16 ദശലക്ഷത്തിലധികം വ്യത്യസ്ത ഷേഡുകൾ പിന്തുണയ്ക്കുന്നു. കൂടാതെ 216 സുരക്ഷിത നിറങ്ങൾ വിസ്മൃതിയിലേക്ക് കൂപ്പുകുത്തി.
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 |
സാച്ചുറേഷൻ, ഹ്യൂ എന്നിവ പ്രകാരം വർണ്ണ കോഡുകൾ (പശ്ചാത്തലം).
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 |
നിറങ്ങൾ വ്യക്തമാക്കാൻ ഹെക്സാഡെസിമൽ സംഖ്യകൾ ഉപയോഗിക്കുന്നു. ഹെക്സാഡെസിമൽ സിസ്റ്റം, ഡെസിമൽ സിസ്റ്റത്തിൽ നിന്ന് വ്യത്യസ്തമായി, അതിന്റെ പേര് സൂചിപ്പിക്കുന്നത് പോലെ, 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. വെബ് പേജിലെ നിറങ്ങൾ
>> കളർ മാനേജ്മെന്റ്
ഹെക്സാഡെസിമൽ RGB വർണ്ണ മൂല്യങ്ങൾ
ഏത് അന്തിമ പ്രാതിനിധ്യത്തിനാണ് ഉദ്ദേശിക്കുന്നത് എന്നതിൽ വർണ്ണം വിവരിക്കുന്നതും പ്രോസസ്സ് ചെയ്യുന്നതുമായ രീതികൾ പരസ്പരം വ്യത്യാസപ്പെട്ടിരിക്കുന്നു. ഉദാഹരണത്തിന്, പ്രിന്റിംഗിനും കമ്പ്യൂട്ടർ മോണിറ്ററുകൾക്കുമുള്ള നിറങ്ങളുടെ പ്രാതിനിധ്യം നമുക്ക് താരതമ്യം ചെയ്യാം. ആദ്യ കേസിൽ, അടിസ്ഥാനം എടുക്കുന്നു വെള്ളമൂന്ന് പ്രാഥമിക നിറങ്ങൾ പിന്നീട് പ്രയോഗിക്കുന്ന പേപ്പറിന്റെ നിറം: നീല, ധൂമ്രനൂൽഒപ്പം മഞ്ഞ. പരസ്പരം കലർന്ന് വ്യത്യസ്ത അനുപാതങ്ങളിൽ പേപ്പറിന്റെ വെള്ള നിറത്തിൽ, ഈ മൂന്ന് പ്രാഥമിക നിറങ്ങൾ ശുദ്ധമായ കറുപ്പ് ഒഴികെ വ്യത്യസ്ത വർണ്ണ ഷേഡുകൾ നൽകുന്നു, അല്ലെങ്കിൽ പെയിന്റുകളുടെ പൂർണ്ണമായ അഭാവത്തിൽ അവ വെളുത്ത പേപ്പർ നൽകുന്നു. അവയിൽ കറുപ്പ് നിറം ചേർത്താൽ നമുക്ക് ലഭിക്കും CMYKനഷ്ടപ്പെട്ട നിറങ്ങൾ വെള്ളയിൽ നിന്ന് കുറച്ചാൽ ആവശ്യമുള്ള നിറം ലഭിക്കുമ്പോൾ നിറം കൈമാറുന്ന രീതി.
രണ്ടാമത്തെ കേസിൽ, അടിസ്ഥാനം എടുക്കുന്നു കറുപ്പ്മോണിറ്റർ സ്ക്രീനിന്റെ നിറം, ഓരോ സെല്ലും മൂന്ന് നിറങ്ങളിൽ ഒന്നിൽ തിളങ്ങുന്നു: ചുവപ്പ്- ചുവപ്പ്, പച്ച- പച്ചയും നീല-നീല. പിന്നെ, ഏതെങ്കിലും ഗ്ലോയുടെ പൂർണ്ണമായ അഭാവത്തിൽ, നമുക്ക് ഒരു ശുദ്ധമായ കറുത്ത സ്ക്രീൻ നിറം ലഭിക്കും, കൂടാതെ ആവശ്യമുള്ള നിറങ്ങളിൽ ഏതെങ്കിലും മൂന്ന് നിറങ്ങളുടെ അനുപാതം നൽകുന്നു. ഈ സാഹചര്യത്തിൽ നമുക്ക് ലഭിക്കും RGB- കളർ ട്രാൻസ്മിഷൻ രീതി. പ്രാഥമിക നിറങ്ങൾ വ്യത്യാസപ്പെടാം 0
മുമ്പ് 255
, അല്ലെങ്കിൽ നിന്ന് 0%
മുമ്പ് 100%
, അല്ലെങ്കിൽ ഒരു ഹെക്സാഡെസിമൽ മൂല്യമായി പ്രതിനിധീകരിക്കാം. ചുവടെയുള്ള ചിത്രത്തിൽ പ്രാഥമിക നിറങ്ങൾ കലർത്തുന്നതിന്റെ ഫലങ്ങൾ നിങ്ങൾക്ക് കാണാൻ കഴിയും.
ഹെക്സാഡെസിമൽ നമ്പർ സിസ്റ്റത്തിന്, ഡെസിമൽ നമ്പർ സിസ്റ്റത്തിൽ നിന്ന് വ്യത്യസ്തമായി, പത്ത് അക്കങ്ങളല്ല, പതിനാറ് - അതിനാൽ പേര്. അതനുസരിച്ച്, രണ്ട് അക്കങ്ങളുടെ കോമ്പിനേഷനുകളുടെ ആവർത്തിക്കാത്ത വകഭേദങ്ങൾ മാത്രമേ ഉണ്ടാകൂ - 256 , ശേഷം സംഖ്യകളുടെ പരമ്പര തുടരാൻ 9 നിന്നുള്ള കത്തുകൾ എമുമ്പ് എഫ്അതിനാൽ, പരമ്പര ഇതുപോലെ കാണപ്പെടും -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
ഈ സാഹചര്യത്തിൽ, നിറം മൂന്ന് ഹെക്സാഡെസിമൽ സംഖ്യകളാൽ വ്യക്തമാക്കുന്നു, അവയിൽ ഓരോന്നിനും രണ്ട് അക്കങ്ങൾ അടങ്ങിയിരിക്കുന്നു. ആദ്യത്തെ നമ്പർ തീവ്രത നിർണ്ണയിക്കുന്നു ചുവപ്പ്നിറങ്ങൾ, ഇടത്തരം- പച്ച, അവസാനത്തെ കാര്യം- നീലനിറങ്ങൾ. എല്ലാ സംഖ്യകൾക്കും ശ്രേണിയിൽ മൂല്യങ്ങൾ എടുക്കാം 00 മുമ്പ് എഫ്.എഫ്(0 മുതൽ 255 വരെ). ഉദാഹരണത്തിന്: പച്ച നിറം ഇതായി നൽകിയിരിക്കുന്നു #00FF00, ചുവപ്പ് പോലെ #FF0000, നീല പോലെ #0000FF, വെള്ള - പോലെ #FFFFFF, നിറത്തിന്റെ പൂർണ്ണമായ അഭാവം അല്ലെങ്കിൽ കറുപ്പ് ഇതായി നൽകിയിരിക്കുന്നു #000000 .
ചുവടെയുള്ള ഫോമിൽ നിങ്ങൾക്ക് മൂന്ന് നിറങ്ങളിൽ ഓരോന്നിനും ഏതെങ്കിലും ഹെക്സാഡെസിമൽ മൂല്യങ്ങൾ വ്യക്തമാക്കാനും ഔട്ട്പുട്ട് ഫീൽഡിൽ ക്ലിക്കുചെയ്ത് അവ മിശ്രണം ചെയ്യുന്നതിന്റെ ഫലം കാണാനും കഴിയും.
ചില ഹെക്സാഡെസിമൽ RGB വർണ്ണ മൂല്യങ്ങളുടെ ഉദാഹരണങ്ങൾ: ചുവപ്പ്, നീല, പച്ച എന്നിവയുടെ ഗ്രേഡേഷനുകൾ.
കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
സ്ട്രിംഗ് ലിറ്ററലുകൾ ഉപയോഗിച്ച് നിറം വ്യക്തമാക്കുന്നു
ഉപയോഗത്തിന്റെ എളുപ്പത്തിനായി, ചില നിറങ്ങൾക്കും അവയുടെ കോമ്പിനേഷനുകൾക്കും എല്ലാ ബ്രൗസറുകളും തിരിച്ചറിയുന്ന പേരുകൾ നൽകി, അവയിൽ പലതും പേര് ഉപയോഗിച്ച് സജ്ജീകരിക്കാൻ സാധിച്ചു. ചുവടെയുള്ള പട്ടിക ചില നിറങ്ങളുടെ പേരുകൾ കാണിക്കുന്നു:
കാഴ്ച | പേര് | കാഴ്ച | പേര് | കാഴ്ച | പേര് | കാഴ്ച | പേര് |
വെള്ള | ചുവപ്പ് | ഓറഞ്ച് | മഞ്ഞ | ||||
പച്ച | നീല | പർപ്പിൾ | കറുപ്പ് | ||||
ആലീസ്ബ്ലൂ | പുരാതന വെളുത്ത നിറം | അക്വാ | അക്വാമറൈൻ | ||||
ആകാശനീല | ബീജ് | ബിസ്ക് | ബ്ലാഞ്ചെഡാൽമണ്ട് | ||||
ബ്ലൂവയലറ്റ് | തവിട്ട് | ബർലിവുഡ് | കേഡറ്റ്ബ്ലൂ | ||||
ചാർട്ടൂസ് | ചോക്കലേറ്റ് | പവിഴം | കോൺഫ്ലവർബ്ലൂ | ||||
കോൺസിൽക്ക് | സിന്ദൂരം | സിയാൻ | കടും നീല | ||||
ഡാർക്ക്സിയൻ | ഇരുണ്ട ഗോൾഡൻറോഡ് | ഇരുണ്ട ചാരനിറം | ഇരുണ്ട പച്ച | ||||
ഡാർഖാക്കി | ഇരുണ്ട മജന്ത | ഇരുണ്ട ഒലിവ്പച്ച | ഡാർകോറേഞ്ച് | ||||
ഡാർകോർക്കിഡ് | കടും ചുവപ്പ് | ഡാർക്സാൽമൺ | ഇരുണ്ട കടൽപ്പരപ്പ് | ||||
ഇരുണ്ട നീല | ഇരുണ്ട ഗ്രേ | ഇരുണ്ട ടർക്കോയ്സ് | ഇരുണ്ട വയലറ്റ് | ||||
ഡീപ്പിങ്ക് | ഡീപ്സ്കിബ്ലൂ | ഡിംഗ്രേ | ഡോഡ്ജർബ്ലൂ | ||||
ഫയർബ്രിക്ക് | ഫ്ലോറൽ വൈറ്റ് | വനപച്ച | ഫ്യൂഷിയ | ||||
ഗെയ്ൻസ്ബോറോ | ഗോസ്റ്റ് വൈറ്റ് | സ്വർണ്ണം | ഗോൾഡൻറോഡ് | ||||
ചാരനിറം | പച്ച മഞ്ഞ | തേൻതുള്ളി | ഹോട്ട്പിങ്ക് | ||||
ഇന്ത്യൻറെഡ് | ഇൻഡിഗോ | ആനക്കൊമ്പ് | കാക്കി | ||||
ലാവെൻഡർ | ലാവെൻഡർബ്ലഷ് | ലെമോൺചിഫോൺ | ഇളം നീല | ||||
ലൈറ്റ്കോറൽ | ലൈറ്റ്സിയൻ | ലൈറ്റ്കോൾഡെൻറോഡില്ലോ | ഇളം പച്ച | ||||
ഇളം ചാര നിറം | ഇളം പിങ്ക് | ലൈറ്റ്സാൽമൺ | ലൈറ്റ്സീഗ്രീൻ | ||||
ഇളംനീല | ലൈറ്റ്സ്ലേറ്റ്ഗ്രേ | ഇളം സ്റ്റീൽനീല | ഇളം മഞ്ഞ | ||||
നാരങ്ങ | നാരങ്ങ പച്ച | ലിനൻ | മജന്ത | ||||
മെറൂൺ | മീഡിയംഅക്വാമറൈൻ | ഇടത്തരം നീല | മീഡിയംമോർക്കിഡ് | ||||
ഇടത്തരം പർപ്പിൾ | ഇടത്തരം കടൽപച്ച | ഇടത്തരം സ്ലേറ്റ്ബ്ലൂ | ഇടത്തരം സ്പ്രിംഗ്ഗ്രീൻ | ||||
ഇടത്തരം ടർക്കോയ്സ് | ഇടത്തരം വയലറ്റ് | മിഡ്നൈറ്റ്ബ്ലൂ | മിന്റ്ക്രീം | ||||
മിസ്റ്റിറോസ് | നവജോവൈറ്റ് | നാവികസേന | ഓൾഡ്ലേസ് | ||||
ഒലിവ് | ഒലിവറാബ് | ഓറഞ്ച് ചെയ്തു | ഓർക്കിഡ് | ||||
പാലെഗോൾഡൻറോഡ് | വിളറിയ പച്ച | പാലറ്റൂർക്കോയ്സ് | പലവിയോലെറ്റഡ് | ||||
പപ്പായച്ചമ്മന്തി | പീച്ച്പഫ് | പെറു | പിങ്ക് | ||||
പ്ലം | പൗഡർബ്ലൂ | റോസിബ്രൗൺ | രാജകീയ നീല | ||||
സാഡിൽബ്രൗൺ | കടൽപ്പരപ്പ് | സീഷെൽ | സിയന്ന | ||||
വെള്ളി | ആകാശ നീലിമ | സ്ലേറ്റ്ബ്ലൂ | സ്ലേറ്റ്ഗ്രേ | ||||
മഞ്ഞ് | സ്പ്രിംഗ്ഗ്രീൻ | സ്റ്റീൽബ്ലൂ | ടാൻ | ||||
ടീൽ | മുൾപ്പടർപ്പു | തക്കാളി | ടർക്കോയ്സ് | ||||
വയലറ്റ് | ഗോതമ്പ് | വൈറ്റ്സ്മോക്ക് | മഞ്ഞ പച്ച |
സുരക്ഷിതമായ വർണ്ണ പാലറ്റ് ഉപയോഗിക്കുന്നു
നിർഭാഗ്യവശാൽ, വ്യത്യസ്ത പ്ലാറ്റ്ഫോമുകളിൽ, വ്യത്യസ്ത സിസ്റ്റം സജ്ജീകരണങ്ങളോടെ, ശരിയായ വർണ്ണ പുനർനിർമ്മാണം ഒരു പ്രശ്നമാണ്. സ്വതന്ത്രമായി നിറങ്ങൾ കലർത്തി അവയെ മാറ്റിസ്ഥാപിക്കുന്നതിലൂടെ, ബ്രൗസർ എല്ലായ്പ്പോഴും സിസ്റ്റം ക്രമീകരണങ്ങളിലേക്ക് പ്രമാണത്തിന്റെ വർണ്ണ പാലറ്റ് ക്രമീകരിക്കാനും കഴിവുകൾ നിരീക്ഷിക്കാനും ശ്രമിക്കുന്നു എന്നതാണ് കാര്യം. തൽഫലമായി, ചിലപ്പോൾ ഉപയോക്താവിന് വെബ്മാസ്റ്റർ എന്താണ് കാണിക്കാൻ ആഗ്രഹിക്കുന്നതെന്ന് കൃത്യമായി കാണുന്നില്ല. ഒരു പാലറ്റിന്റെ ഉപയോഗത്തിൽ ഈ അവസ്ഥയിൽ നിന്ന് ഒരു വഴി കണ്ടെത്തി, അതിന്റെ ഓരോ നിറവും വ്യത്യസ്ത പ്ലാറ്റ്ഫോമുകളിലെ എല്ലാ ബ്രൗസറുകളും തുല്യമായി റെൻഡർ ചെയ്യുമെന്ന് ഉറപ്പുനൽകുന്നു. ഇതാണ് വിളിക്കപ്പെടുന്നത് ഗ്യാരണ്ടിപാലറ്റ്, എന്നും വിളിക്കുന്നു സുരക്ഷിതംപാലറ്റ്. ഈ പാലറ്റിൽ നിറങ്ങൾ ഉൾപ്പെടുന്നു, അവയുടെ വർണ്ണ ഘടകങ്ങൾ ഇനിപ്പറയുന്ന മൂല്യങ്ങൾ എടുക്കുന്നു: 00 ,33 ,66 ,99 , CC,എഫ്.എഫ്, സാധ്യമായ എല്ലാ വഴികളിലും 216 അവരുടെ കോമ്പിനേഷനുകൾ.
കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് | കാഴ്ച | കോഡ് |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399സിസി | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699സിസി | 336699 | 006699 | ||||||
0066FF | 3366സിസി | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300സിസി | 3333സിസി | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666സിസി | 666699 | 333399 | 333366 | ||||||
സിസിസിസിഎഫ്എഫ് | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600സിസി | 6633സിസി | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900സിസി | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
എഫ്എഫ്എഫ്എഫ്സിസി | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |