RGB പർപ്പിൾ. HTML ട്യൂട്ടോറിയൽ
html നിറങ്ങളുടെ പട്ടിക (പാലറ്റ്).നിങ്ങൾക്ക് ആവശ്യമുള്ള ടോൺ സ്വതന്ത്രമായി തിരഞ്ഞെടുക്കാനുള്ള അവസരം നൽകുന്നു. വർണ്ണ മൂല്യം മൂന്ന് ഫോർമാറ്റുകളിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്നു: Hex, RGB, HSV.
- ഹെക്സാഡെസിമൽ നമ്പർ സിസ്റ്റത്തിലെ മൂന്ന് രണ്ട് പ്രതീക മൂല്യങ്ങൾ ഹെക്സിൽ അടങ്ങിയിരിക്കുന്നു. ഉദാഹരണത്തിന്: #ff00b3, ഇവിടെ ആദ്യ ജോടി സംഖ്യകൾ ചുവപ്പും രണ്ടാമത്തേത് പച്ചയും മൂന്നാമത്തേത് നീലയുമാണ്.
- RGB (RedGreenBlue) ന് "200,100,255" എന്ന രൂപമുണ്ട്, തത്ഫലമായുണ്ടാകുന്ന നിറത്തിലുള്ള അനുബന്ധ ടോണിൻ്റെ (ചുവപ്പ്, പച്ച, നീല) അളവ് സൂചിപ്പിക്കുന്നു.
- HSV (ഹ്യൂ, സാച്ചുറേഷൻ, മൂല്യം - ടോൺ, സാച്ചുറേഷൻ, മൂല്യം) ഒരു വർണ്ണ മാതൃകയാണ്, അതിൽ കോർഡിനേറ്റുകൾ:
- ഹ്യൂ - കളർ ടോൺ, 0° മുതൽ 360° വരെ വ്യത്യാസപ്പെടാം.
- സാച്ചുറേഷൻ - സാച്ചുറേഷൻ, 0-100 അല്ലെങ്കിൽ 0-1 വരെ വ്യത്യാസപ്പെടുന്നു. ഈ പാരാമീറ്റർ ഉയർന്നത്, "ശുദ്ധമായ" നിറം, അതിനാലാണ് ഈ പരാമീറ്ററിനെ ചിലപ്പോൾ വർണ്ണ പരിശുദ്ധി എന്ന് വിളിക്കുന്നത്. ഈ പരാമീറ്റർ പൂജ്യത്തോട് അടുക്കുന്തോറും നിറം ന്യൂട്രൽ ഗ്രേയിലേക്ക് അടുക്കുന്നു.
- മൂല്യം (വർണ്ണ മൂല്യം) - തെളിച്ചം സജ്ജമാക്കുന്നു, മൂല്യം 0-100 അല്ലെങ്കിൽ 0-1 വരെ വ്യത്യാസപ്പെടാം.
വർണ്ണ കോഡ് നൽകുക: പോകൂ
പേരുകളുള്ള നിറങ്ങളുടെ പട്ടിക
പട്ടികയിലെ നിറങ്ങളുടെ പേരുകൾ പട്ടികപ്പെടുത്തുന്നു ഇംഗ്ലീഷ്(അത് മൂല്യങ്ങളായി ഉപയോഗിക്കാം) എല്ലാ ബ്രൗസറുകളും അവയുടെ ഹെക്സാഡെസിമൽ മൂല്യങ്ങളും പിന്തുണയ്ക്കുന്നു. ലിസ്റ്റുചെയ്തിരിക്കുന്ന എല്ലാ നിറങ്ങളും "സുരക്ഷിതമാണ്", അതായത് എല്ലാ ബ്രൗസറുകളിലും അവ ഒരേപോലെ ദൃശ്യമാകും.
നിറത്തിൻ്റെ പേര് | ഹെക്സ് | നിറം |
---|---|---|
കറുപ്പ് | #000000 | |
നാവികസേന | #000080 | |
കടും നീല | #00008B | |
ഇടത്തരം നീല | #0000CD | |
നീല | #0000FF | |
കടുംപച്ച | #006400 | |
പച്ച | #008000 | |
ടീൽ | #008080 | |
ഇരുണ്ട സിയാൻ | #008B8B | |
ഡീപ് സ്കൈബ്ലൂ | #00BFFF | |
ഇരുണ്ട ടർക്കോയ്സ് | #00CED1 | |
ഇടത്തരം സ്പ്രിംഗ്ഗ്രീൻ | #00FA9A | |
നാരങ്ങ | #00FF00 | |
സ്പ്രിംഗ്ഗ്രീൻ | #00FF7F | |
അക്വാ | #00FFFF | |
സിയാൻ | #00FFFF | |
മിഡ്നൈറ്റ്ബ്ലൂ | #191970 | |
ഡോഡ്ജർബ്ലൂ | #1E90FF | |
ലൈറ്റ് സീഗ്രീൻ | #20B2AA | |
ഫോറസ്റ്റ് ഗ്രീൻ | #228B22 | |
കടൽപച്ച | #2E8B57 | |
ഇരുണ്ട സ്ലേറ്റ് ഗ്രേ | #2F4F4F | |
ലൈംഗ്രീൻ | #32CD32 | |
ഇടത്തരം കടൽപച്ച | #3CB371 | |
ടർക്കോയ്സ് | #40E0D0 | |
റോയൽബ്ലൂ | #4169E1 | |
സ്റ്റീൽബ്ലൂ | #4682B4 | |
ഇരുണ്ട സ്ലേറ്റ് നീല | #483D8B | |
ഇടത്തരം ടർക്കോയ്സ് | #48D1CC | |
ഇൻഡിഗോ | #4B0082 | |
ഇരുണ്ട ഒലിവ്പച്ച | #556B2F | |
കേഡറ്റ്ബ്ലൂ | #5F9EA0 | |
കോൺഫ്ലവർബ്ലൂ | #6495ED | |
മീഡിയം അക്വമറൈൻ | #66CDAA | |
ഡിംഗ്രേ | #696969 | |
സ്ലേറ്റ് നീല | #6A5ACD | |
ഒലിവ്ഡ്രാബ് | #6B8E23 | |
സ്ലേറ്റ് ഗ്രേ | #708090 | |
ലൈറ്റ്സ്ലേറ്റ് ഗ്രേ | #778899 | |
ഇടത്തരം സ്ലേറ്റ് നീല | #7B68EE | |
പുൽത്തകിടി | #7CFC00 | |
ചാർട്ടൂസ് | #7FFF00 | |
അക്വാമറൈൻ | #7FFFD4 | |
മെറൂൺ | #800000 | |
പർപ്പിൾ | #800080 | |
ഒലിവ് | #808000 | |
ചാരനിറം | #808080 | |
ആകാശനീല | #87CEEB | |
ലൈറ്റ് സ്കൈബ്ലൂ | #87CEFA | |
ബ്ലൂവയലറ്റ് | #8A2BE2 | |
കടുംചുവപ്പ് | #8B0000 | |
ഇരുണ്ട മജന്ത | #8B008B | |
സാഡിൽബ്രൗൺ | #8B4513 | |
ഇരുണ്ട കടൽപച്ച | #8FBC8F | |
ഇളംപച്ച | #90EE90 | |
ഇടത്തരം പർപ്പിൾ | #9370D8 | |
ഇരുണ്ട വയലറ്റ് | #9400D3 | |
ഇളംപച്ച | #98FB98 | |
ഇരുണ്ട ഓർക്കിഡ് | #9932CC | |
മഞ്ഞപച്ച | #9ACD32 | |
സിയന്ന | #A0522D | |
ബ്രൗൺ | #A52A2A | |
ഇരുണ്ട ചാരനിറം | #A9A9A9 | |
ഇളം നീല | #ADD8E6 | |
പച്ചമഞ്ഞ | #ADFF2F | |
ഇളം ടർക്കോയ്സ് | #അഫീഇഇ | |
ഇളം സ്റ്റീൽനീല | #B0C4DE | |
പൊടിനീല | #B0E0E6 | |
ഫയർബ്രിക്ക് | #B22222 | |
ഇരുണ്ട ഗോൾഡൻറോഡ് | #B8860B | |
ഇടത്തരം ഓർക്കിഡ് | #BA55D3 | |
റോസിബ്രൗൺ | #BC8F8F | |
ഇരുണ്ട കാക്കി | #BDB76B | |
വെള്ളി | #C0C0C0 | |
ഇടത്തരം വയലറ്റ് ചുവപ്പ് | #C71585 | |
ഇന്ത്യൻ റെഡ് | #CD5C5C | |
പെറു | #CD853F | |
ചോക്കലേറ്റ് | #D2691E | |
ടാൻ | #D2B48C | |
ഇളം ചാരനിറം | #D3D3D3 | |
ഇളം വയലറ്റ് ചുവപ്പ് | #D87093 | |
മുൾപ്പടർപ്പു | #D8BFD8 | |
ഓർക്കിഡ് | #DA70D6 | |
ഗോൾഡൻറോഡ് | #DAA520 | |
സിന്ദൂരം | #DC143C | |
ഗെയ്ൻസ്ബോറോ | #DCDCDC | |
പ്ലം | #DDA0DD | |
ബർലിവുഡ് | #DEB887 | |
ലൈറ്റ്സിയാൻ | #E0FFFF | |
ലാവെൻഡർ | #E6E6FA | |
ഡാർക്ക് സാൽമൺ | #E9967A | |
വയലറ്റ് | #EE82EE | |
പാലെഗോൾഡൻറോഡ് | #EEE8AA | |
ലൈറ്റ്കോറൽ | #F08080 | |
കാക്കി | #F0E68C | |
ആലീസ്ബ്ലൂ | #F0F8FF | |
തേൻതുള്ളി | #F0FFF0 | |
ആകാശനീല | #F0FFFF | |
സാൻഡിബ്രൗൺ | #F4A460 | |
ഗോതമ്പ് | #F5DEB3 | |
ബീജ് | #F5F5DC | |
വൈറ്റ് സ്മോക്ക് | #F5F5F5 | |
മിൻ്റ്ക്രീം | #F5FFFA | |
ഗോസ്റ്റ് വൈറ്റ് | #F8F8FF | |
സാൽമൺ | #FA8072 | |
ആൻ്റിക് വൈറ്റ് | #FAEBD7 | |
ലിനൻ | #FAF0E6 | |
ഇളംഗോൾഡൻറോഡ് മഞ്ഞ | #FAFAD2 | |
പഴയ ലേസ് | #FDF5E6 | |
ചുവപ്പ് | #FF0000 | |
ഫ്യൂഷിയ | #FF00FF | |
മജന്ത | #FF00FF | |
ഡീപ് പിങ്ക് | #FF1493 | |
ഓറഞ്ച് ചുവപ്പ് | #FF4500 | |
തക്കാളി | #FF6347 | |
ഹോട്ട്പിങ്ക് | #FF69B4 | |
പവിഴം | #FF7F50 | |
ഡാർകോറേഞ്ച് | #FF8C00 | |
ലൈറ്റ് സാൽമൺ | #FFA07A | |
ഓറഞ്ച് | #FFA500 | |
ഇളംപിങ്ക് | #FFB6C1 | |
പിങ്ക് | #FFC0CB | |
സ്വർണ്ണം | #FFD700 | |
പീച്ച്പഫ് | #FFDAB9 | |
നവജോവൈറ്റ് | #FFDEAD | |
മൊക്കാസിൻ | #FFE4B5 | |
ബിസ്ക് | #FFE4C4 | |
മിസ്റ്റിറോസ് | #FFE4E1 | |
ബ്ലാഞ്ച്ഡ് ബദാം | #FFEBCD | |
പപ്പായ വിപ്പ് | #FFEFD5 | |
ലാവെൻഡർ ബ്ലഷ് | #FFF0F5 | |
സീഷെൽ | #FFF5EE | |
കോൺസിൽക്ക് | #FFF8DC | |
LemonChiffon | #FFFACD | |
ഫ്ലോറൽ വൈറ്റ് | #FFFAF0 | |
മഞ്ഞ് | #FFFAFA | |
മഞ്ഞ | #FFFF00 | |
ഇളം മഞ്ഞ | #FFFFE0 | |
ആനക്കൊമ്പ് | #FFFFFF0 | |
വെള്ള | #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 ആയി കണക്കാക്കണം.
പേര് പ്രകാരം
ഇൻ്റർനെറ്റ് എക്സ്പ്ലോറർ | Chrome | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
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 ഉപയോഗിക്കുന്നു
ഇൻ്റർനെറ്റ് എക്സ്പ്ലോറർ | Chrome | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
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%).
ആർജിബിഎ
ഇൻ്റർനെറ്റ് എക്സ്പ്ലോറർ | Chrome | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
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 | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
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% എന്നിവയുടെ അങ്ങേയറ്റത്തെ മൂല്യങ്ങൾ കറുപ്പും വെളുപ്പും തമ്മിൽ യോജിക്കുന്നു.
എച്ച്.എസ്.എൽ.എ
ഇൻ്റർനെറ്റ് എക്സ്പ്ലോറർ | Chrome | ഓപ്പറ | സഫാരി | ഫയർഫോക്സ് | ആൻഡ്രോയിഡ് | ഐഒഎസ് |
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 ഹെക്സാഡെസിമൽ നമ്പറുകൾ ഉപയോഗിക്കുന്നു. ഹെക്സാഡെസിമൽ സിസ്റ്റം, ഡെസിമൽ സിസ്റ്റത്തിൽ നിന്ന് വ്യത്യസ്തമായി, അതിൻ്റെ പേര് സൂചിപ്പിക്കുന്നത് പോലെ, 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 .HTML, CSS, JavaScript, Flash മുതലായവ പോലുള്ള വെബ് ഡെവലപ്പർ ഭാഷകളിൽ നിറങ്ങൾ നിർദ്ദേശിക്കാൻ ഉപയോഗിക്കാവുന്ന കീവേഡുകളുള്ള ഒരു പട്ടിക ഈ പേജിൽ അടങ്ങിയിരിക്കുന്നു.
WC3 ആശങ്കയ്ക്കായുള്ള പഴയ സവിശേഷതകളിൽ, 16 കീവേഡുകൾ മാത്രമേ വ്യക്തമാക്കിയിട്ടുള്ളൂ, അവയുടെ സഹായത്തോടെ HTML, CSS എന്നിവയിൽ നിറങ്ങൾ സജ്ജീകരിച്ചിരിക്കുന്നു. കൂടാതെ, കൂടുതൽ ആധുനിക സവിശേഷതകളിൽ, നിറങ്ങളുടെ പേരുകൾ സൂചിപ്പിക്കാൻ മറ്റൊരു 130 കീവേഡുകൾ ചേർത്തു. ഇനിപ്പറയുന്ന പട്ടികയിൽ വർണ്ണ നാമങ്ങളും അവയുമായി ബന്ധപ്പെട്ട ഹെക്സ്, ആർജിബി കോഡുകളും അടങ്ങിയിരിക്കുന്നു.
CSS നിയമങ്ങൾ അനുസരിച്ച്, വർണ്ണ നാമങ്ങൾ കേസ് സെൻസിറ്റീവ് അല്ല. ഇന്ത്യൻറെഡ്, ഇൻഡ്യൻറെഡ് എന്നീ കളർ എൻട്രികൾ തുല്യമാണ്.
പട്ടികയിലെ 146 കീവേഡുകളിൽ യഥാർത്ഥത്തിൽ നിറങ്ങൾ കുറവാണ് എന്നതും ശ്രദ്ധിക്കേണ്ടതാണ്. ചില കീവേഡുകൾ ഒരേ നിറത്തെ പരാമർശിക്കുന്നതിനാലാണിത്. അങ്ങനെ, ഗ്രേ, ഗ്രേ എന്നീ പേരുകൾ 50% ഗ്രേ കളർ കോഡ് #808080 പ്രതിനിധീകരിക്കുന്നു, കൂടാതെ #FF00FF എന്ന ഹെക്സാഡെസിമൽ കോഡിന് അനുയോജ്യമായ എച്ച്ടിഎംഎൽ കളർ ഫ്യൂഷിയയുടെ പര്യായമാണ് മജന്ത. അക്വാ, സിയാൻ എന്നീ പദങ്ങളും പര്യായമാണ്, അവ #00FFFF എന്ന കോഡുമായി യോജിക്കുന്നു.
|
|
നിങ്ങൾക്കറിയാവുന്നതുപോലെ, നിറം ഒരു വ്യക്തിയുടെ അവസ്ഥയെ ബാധിക്കും: മാനസികവും ശാരീരികവും. എല്ലാ ദിവസവും, ഇൻ്റർനെറ്റിൽ വെബ്സൈറ്റുകൾ ബ്രൗസ് ചെയ്യുമ്പോൾ, കണ്ണുകൾ ദശലക്ഷക്കണക്കിന് നിറങ്ങളും ഷേഡുകളും വിലയിരുത്തുന്നു. നിറത്തിൻ്റെ മനഃശാസ്ത്രം പരിചയമുള്ള ഒരു വെബ് ഡിസൈനർക്ക് ചില ലക്ഷ്യങ്ങൾ കൈവരിക്കുന്നതിന് സന്ദർശകൻ്റെ മാനസികാവസ്ഥ കൈകാര്യം ചെയ്യാൻ കഴിയും.
ചില ഷേഡുകൾ ശാന്തവും ചിലത് നേരെമറിച്ച് ഉത്തേജിപ്പിക്കുന്നതുമാണ് ഇതിന് കാരണം. കമ്പ്യൂട്ടർ സാങ്കേതികവിദ്യ ഉപയോഗിച്ച് നിറം എങ്ങനെ സമന്വയിപ്പിക്കുകയും പ്രദർശിപ്പിക്കുകയും ചെയ്യുന്നു എന്നതിനെക്കുറിച്ച് അടുത്തതായി നമ്മൾ സംസാരിക്കും.
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 മോഡലിൽ, ബീജ് നിറത്തിന് ഇനിപ്പറയുന്ന സംഖ്യാ പ്രാതിനിധ്യം ഉണ്ട്.