நீங்கள் ஒரு கிராஃபிக் டிசைனராக இருந்தால் அல்லது எப்போதாவது ஒரு பட எடிட்டிங் திட்டத்தில் இறங்கியிருந்தால், நீங்கள் பார்த்திருப்பீர்கள் நீங்கள் நிறத்தை மாற்ற அனுமதித்த பெட்டி, அது பெயிண்ட் வாளி, தூரிகை, கடிதங்கள் ... உங்களுக்கு ஆர்வத்தை ஏற்படுத்தியிருக்கும் உண்மை என்னவென்றால், நீங்கள் ஒரு நிறத்தைத் தேர்ந்தெடுக்கும்போது, அது தோன்றும் ஒரு வண்ண குறியீடு, அது என்ன தெரியுமா?
அந்த எழுத்து அல்லது எண் குறியீடுகள் எதைக் குறிக்கின்றன என்று நீங்கள் எப்போதாவது யோசித்திருந்தால், அதைப் பற்றி மேலும் அறிய விரும்பினால், வண்ணக் குறியீட்டின் முக்கியத்துவம், அவை ஏன் வண்ணங்கள் மற்றும் பிற ஆர்வமுள்ள விவரங்களைப் பிரதிபலிக்கின்றன என்பதைப் புரிந்துகொள்ள நாங்கள் உங்களுக்கு உதவுகிறோம்.
வண்ணக் குறியீடு என்றால் என்ன
வண்ணக் குறியீட்டை நாம் a என வரையறுக்கலாம் ஒரு வலை காட்டப்படும் வண்ண வரம்பு. அதாவது, ஒரு இணையதளம் எப்படி இருக்கும் என்பதைத் தீர்மானிக்க, சுமார் 216 வண்ணங்களின் தட்டுகளில் இருக்கும் சாத்தியக்கூறுகள். இந்த குறியீடு மூன்று வகையான அமைப்புகளை அடிப்படையாகக் கொண்டது: RGB, HEX மற்றும் HSL (பிந்தையது இப்போது நிறுத்தப்பட்டது).
உண்மையில், வண்ணக் குறியீடு என்னவெனில், அனைத்து உலாவிகளுக்கும் உலகளாவிய குறியீடாகச் செயல்படுவது, அந்தக் குறியீடுகளுடன், அதே டோன்களை இன்டர்நெட் எக்ஸ்ப்ளோரஸில், பயர்பாக்ஸ் மொஸில்லாவில், கூகிள் குரோமில் மீண்டும் உருவாக்குவதுதான். …
நீங்கள் அதை அறிந்திருக்க வேண்டும் ஒரு கணினி 16 மில்லியன் வண்ணங்களை வேறுபடுத்தும் திறன் கொண்டது, எனவே ஒரு வலைத்தளத்தை உருவாக்க அல்லது படங்களை மாற்ற பல வாய்ப்புகள் உள்ளன.
வண்ணக் குறியீடுகளின் வகைகள்
நாங்கள் ஏற்கனவே கூறியது போல், மூன்று வகையான அமைப்புகள் உள்ளன:
- ஆர்ஜிபி இது மிகவும் பிரபலமானது மற்றும் சிவப்பு, நீலம் மற்றும் பச்சை ஆகிய மூன்று முதன்மை வண்ணங்களால் ஆனது, அவற்றின் கலவையின் மூலம், மீதமுள்ள வண்ணங்கள் பெறப்படுகின்றன. அதன் பிரதிநிதித்துவத்தைப் பொறுத்தவரை, இது 0 முதல் 255 வரை இருக்கும் மற்றும் தோன்றும் குறியீடு காற்புள்ளிகளால் பிரிக்கப்பட்ட மற்றும் அடைப்புக்குறிகளுக்கு இடையில் மூன்று உருவங்களால் ஆனது.
- பதினாறுமாதம். HTML மற்றும் CSS இல் பெரும்பாலும் பயன்படுத்தப்படுகிறது. இந்த வழக்கில், இது வண்ணங்களை நிர்ணயிக்கும் குறியீடுகளைப் பெறுவதற்கு தங்களுக்குள் அமைக்கப்பட்டிருக்கும் புள்ளிவிவரங்கள் மற்றும் எழுத்துக்களால் ஆனது.
- எச்.எஸ்.எல். ஏற்கனவே பயன்படுத்தப்படாத நிலையில், இது வண்ணத்தை உருவாக்கும் போது சாயல், செறிவு மற்றும் லேசான தன்மையைப் பயன்படுத்துவதை அடிப்படையாகக் கொண்டது. இது டிகிரி மற்றும் சதவீதங்களால் தீர்மானிக்கப்படுகிறது (மூன்று புள்ளிவிவரங்கள் காற்புள்ளிகளால் பிரிக்கப்பட்டு அடைப்புக்குறிக்குள்).
குறியீடுகள் ஏன் முக்கியம்?
வண்ணக் குறியீட்டு முறை என்றால் என்னவென்று இப்போது உங்களுக்குத் தெரியும், அதன் பயன்பாட்டைப் புரிந்துகொள்வது எளிது ஒரு குறிப்பிட்ட நிறத்தைக் காட்டுவதற்கு என்ன குறியீடு தேவை என்பதைத் தீர்மானிக்க இது பயன்படுகிறது. இது இணையப் பக்கங்களில் வேலை செய்கிறது. ஒரு இணையதளம் ஒரு குறிப்பிட்ட நிறத்தின் பின்னணியைக் கொண்டிருந்தால், எழுத்துரு சிவப்பு, மஞ்சள், பச்சை, நீலம் ... மற்றும் பல பயன்பாடுகளாக இருந்தால் HTML குறியீடு மறைமுகமாக இருக்கும்.
அது ஏன் முக்கியம் என்று புரிகிறதா? எடுத்துக்காட்டாக, உங்களிடம் சிவப்பு பின்னணியுடன் ஒரு வலைத்தளம் இருப்பதாக கற்பனை செய்து பாருங்கள். நீங்கள் அதை ஒரு வெற்றுக்கு மாற்ற விரும்புகிறீர்கள். சிவப்பு நிறத்தை நிர்ணயிக்கும் குறியீடு உங்களுக்குத் தெரிந்திருந்தால், HTML குறியீட்டில் உள்ள தேடுபொறியைப் பயன்படுத்தி, இந்த நிறம் பிரதிபலிக்கும் இடத்தைப் பெறுவீர்கள் (பின்னணி நிறத்துடன் இணைக்கப்பட்டுள்ளது) மற்றும் நீங்கள் அதை விரைவாக மாற்றலாம். ஆனால் உங்களிடம் அது இல்லையென்றால் என்ன செய்வது? அந்தப் பிரிவைக் கண்டறியும் வரை நீங்கள் தேட வேண்டும் மற்றும் நீங்கள் விரும்புவதற்கு அருகில் உள்ள குறியீடு என்ன என்பதைப் பார்க்கவும்.
எனவே, வண்ணக் குறியீடு வேலையை விரைவுபடுத்த உதவுகிறது, மேலும் ஒரு வலைத்தளத்தை வடிவமைக்கும்போது, ஒரு படத்தைத் திருத்தும்போது வண்ணங்களைப் பயன்படுத்த முடியும்.
வண்ணங்களின் பட்டியல் மற்றும் அவற்றின் குறியீடு பதின்அறுமம் மற்றும் RGB
இறுதியாக, நாங்கள் உங்களை கீழே விட விரும்புகிறோம் தசம குறியீடு (RGB) மற்றும் ஹெக்ஸாடெசிமல் ஆகியவற்றுடன் இருக்கும் பெரும்பாலான வண்ணங்களை நீங்கள் காணலாம். எந்த நேரத்திலும் நீங்கள் குறியீட்டை மாற்ற வேண்டும் என்றால், வண்ணத் தட்டுகளில் அதைத் தேடாமல் எளிதாகச் செய்யலாம்.
| டேக் | தசமம் (ஆர், ஜி, பி) | பதின்அறுமம் |
|---|---|---|
| நீலநிறம் | rgb (240, 248, 255) | # F0F8FF |
| பழமையான வெள்ளை | rgb (250, 235, 215) | # FAEBD7 |
| அக்வா | rgb (0, 255, 255) | # 00FFFF |
| நீல பச்சை நிறம் | rgb (127, 255, 212) | # 7FFFD4 |
| நீலமான | rgb (240, 255, 255) | # F0FFFF |
| பழுப்பு | rgb (245, 245, 220) | # F5F5DC |
| பிஸ்கே | rgb (255, 228, 196) | # FFE4C4 |
| கருப்பு | rgb (0, 0, 0) | #000000 |
| பிளாஞ்செடால்மண்ட் | rgb (255, 235, 205) | #FFEBCD |
| நீல | rgb (0, 0, 255) | # 0000FF |
| நீல வயலட் | rgb (138, 43, 226) | # 8A2BE2 |
| பழுப்பு | rgb (165, 42, 42) | # A52A2A |
| பர்லிவுட் | rgb (222, 184, 135) | # DEB887 |
| கேடட்ப்ளூ | rgb (95, 158, 160) | # 5F9EA0 |
| விளக்கப்படம் | rgb (127, 255, 0) | # 7FFF00 |
| சாக்லேட் | rgb (210, 105, 30) | # D2691E |
| பவள | rgb (255, 127, 80) | # FF7F50 |
| கார்ன்ஃப்ளவர்ப்ளூ | rgb (100, 149, 237) | # 6495ED |
| கார்ன்சில்க் | rgb (255, 248, 220) | # FFF8DC |
| சிவப்பு | rgb (220, 20, 60) | # DC143C |
| சியான் | rgb (0, 255, 255) | # 00FFFF |
| கருநீலம் | rgb (0, 0, 139) | # 00008 பி |
| கருமையான | rgb (0, 139, 139) | # 008 பி 8 பி |
| கரும்பொன்மரம் | rgb (184, 134, 11) | # பி 8860 பி |
| அடர் சாம்பல் நிறம் | rgb (169, 169, 169) | # A9A9A9 |
| கரும் பச்சை | rgb (0, 100, 0) | #006400 |
| அடர் சாம்பல் | rgb (169, 169, 169) | # A9A9A9 |
| கருக்காக்கி | rgb (189, 183, 107) | # BDB76B |
| கருநிற மெஜந்தா | rgb (139, 0, 139) | # 8 பி 008 பி |
| கருமையான பச்சை | rgb (85, 107, 47) | # 556 பி 2 எஃப் |
| அடர் ஆரஞ்சு | rgb (255, 140, 0) | # FF8C00 |
| கரும்பூச்சி | rgb (153, 50, 204) | # 9932 சி.சி. |
| அடர் சிவப்பு | rgb (139, 0, 0) | #8B0000 |
| கருப்பட்டி | rgb (233, 150, 122) | # E9967A |
| கருங்கடல் | rgb (143, 188, 143) | # 8FBC8F |
| அடர் நீலம் | rgb (72, 61, 139) | # 483D8B |
| இருண்ட நிற சாம்பல் | rgb (47, 79, 79) | # 2F4F4F |
| இருண்ட நிறத்தில் | rgb (47, 79, 79) | # 2F4F4F |
| இருண்ட டர்க்கைஸ் | rgb (0, 206, 209) | # 00CED1 |
| இருண்ட வயலட் | rgb (148, 0, 211) | #9400D3 |
| ஆழமான இளஞ்சிவப்பு | rgb (255, 20, 147) | #FF1493 |
| ஆழமான நீலம் | rgb (0, 191, 255) | # 00BFFF |
| மங்கலானது | rgb (105, 105, 105) | #696969 |
| மங்கலான | rgb (105, 105, 105) | #696969 |
| டாட்ஜர்ப்ளூ | rgb (30, 144, 255) | # 1E90FF |
| ஃபயர்ப்ரிக் | rgb (178, 34, 34) | #B22222 |
| மலர்வெள்ளை | rgb (255, 250, 240) | # FFFAF0 |
| காடுபச்சை | rgb (34, 139, 34) | #228B22 |
| ஃபுச்ச்சியா | rgb (255, 0, 255) | # FF00FF |
| ஆதாயங்கள் | rgb (220, 220, 220) | #DCDCDC |
| பேய் வெள்ளை | rgb (248, 248, 255) | # F8F8FF |
| தங்கம் | rgb (255, 215, 0) | # FFD700 |
| கோல்டன்ரோட் | rgb (218, 165, 32) | # DAA520 |
| சாம்பல் | rgb (128, 128, 128) | #808080 |
| பச்சை | rgb (0, 128, 0) | #008000 |
| பச்சை மஞ்சள் | rgb (173, 255, 47) | # ADFF2F |
| சாம்பல் | rgb (128, 128, 128) | #808080 |
| தேனீ | rgb (240, 255, 240) | # F0FFF0 |
| சூடான இளஞ்சிவப்பு | rgb (255, 105, 180) | # FF69B4 |
| இந்தியர் | rgb (205, 92, 92) | # சிடி 5 சி 5 சி |
| இண்டிகோ | rgb (75, 0, 130) | #4B0082 |
| யானை தந்தம் | rgb (255, 255, 240) | # FFFFF0 |
| காக்கி | rgb (240, 230, 140) | # F0E68C |
| லாவெண்டர் | rgb (230, 230, 250) | # E6E6FA |
| லாவெண்டர் ப்ளஷ் | rgb (255, 240, 245) | # FFF0F5 |
| புல்வெளி | rgb (124, 252, 0) | # 7CFC00 |
| எலுமிச்சைசிஃபோன் | rgb (255, 250, 205) | #FFFACD |
| lightblue | rgb (173, 216, 230) | # ADD8E6 |
| ஒளிபவள | rgb (240, 128, 128) | #F08080 |
| லைட்சியான் | rgb (224, 255, 255) | # E0FFFF |
| இளஞ்சிவப்பு மஞ்சள் | rgb (250, 250, 210) | # FAFAD2 |
| மெல்லிய சாம்பல் நிறம் | rgb (211, 211, 211) | # டி 3 டி 3 டி 3 |
| வெளிர் பச்சை | rgb (144, 238, 144) | # 90EE90 |
| மெல்லிய சாம்பல் நிறம் | rgb (211, 211, 211) | # டி 3 டி 3 டி 3 |
| லைட்பிங்க் | rgb (255, 182, 193) | # FFB6C1 |
| லைட்சால்மன் மீன் | rgb (255, 160, 122) | # FFA07A |
| வெளிர் பச்சை | rgb (32, 178, 170) | # 20 பி 2 ஏஏ |
| வெளிர் நீலம் | rgb (135, 206, 250) | # 87CEFA |
| விளக்குகள் சாம்பல் | rgb (119, 136, 153) | #778899 |
| லைட்ஸ்லேட்கிரே | rgb (119, 136, 153) | #778899 |
| லைட் ஸ்டீல்ப்ளூ | rgb (176, 196, 222) | # B0C4DE |
| வெளிர்மஞ்சள் | rgb (255, 255, 224) | # FFFFE0 |
| சுண்ணாம்பு | rgb (0, 255, 0) | # 00FF00 |
| இளம்பச்சை | rgb (50, 205, 50) | #32CD32 |
| லினன் | rgb (250, 240, 230) | # FAF0E6 |
| கருநீலம் | rgb (255, 0, 255) | # FF00FF |
| அரக்கு | rgb (128, 0, 0) | #800000 |
| நடுத்தரஅகுவாமரைன் | rgb (102, 205, 170) | # 66 சி.டி.ஏ.ஏ. |
| நடுத்தர நீலம் | rgb (0, 0, 205) | # 0000 சி.டி. |
| நடுத்தர ஆர்க்கிட் | rgb (186, 85, 211) | # BA55D3 |
| நடுத்தர ஊதா | rgb (147, 112, 219) | #9370D8 |
| நடுத்தர கடல் பச்சை | rgb (60, 179, 113) | # 3CB371 |
| நடுத்தர நீலம் | rgb (123, 104, 238) | # 7B68EE |
| நடுத்தர ஸ்பிரிங்கிரீன் | rgb (0, 250, 154) | # 00FA9A |
| நடுத்தர டர்க்கைஸ் | rgb (72, 209, 204) | # 48D1CC |
| நடுத்தர வயலட் | rgb (199, 21, 133) | #C71585 |
| நள்ளிரவு நீலம் | rgb (25, 25, 112) | #191970 |
| புதினா கிரீம் | rgb (245, 255, 250) | # F5FFFA |
| மிஸ்டைரோஸ் | rgb (255, 228, 225) | # FFE4E1 |
| மொக்கசின் | rgb (255, 228, 181) | # FFE4B5 |
| நவஜோவைட் | rgb (255, 222, 173) | #FFDEAD |
| கடற்படை | rgb (0, 0, 128) | #000080 |
| பழைய சரிகை | rgb (253, 245, 230) | # FDF5E6 |
| ஆலிவ் | rgb (128, 128, 0) | #808000 |
| ஆலிவெட்ராப் | rgb (107, 142, 35) | # 6B8E23 |
| ஆரஞ்சு | rgb (255, 165, 0) | # FFA500 |
| ஆரஞ்சு | rgb (255, 69, 0) | #FF4500 |
| ஆர்க்கிட் | rgb (218, 112, 214) | # DA70D6 |
| பலகோல்டன்ரோட் | rgb (238, 232, 170) | # EEE8AA |
| வெளிர் பச்சை | rgb (152, 251, 152) | # 98FB98 |
| தட்டு டர்க்கைஸ் | rgb (175, 238, 238) | #AFEEEE |
| பளபளப்பான | rgb (219, 112, 147) | # டி 87093 |
| பப்பாளிச்சட்டை | rgb (255, 239, 213) | # FFEFD5 |
| பீச்பஃப் | rgb (255, 218, 185) | # FFDAB9 |
| பெரு | rgb (205, 133, 63) | # சிடி 853 எஃப் |
| இளஞ்சிவப்பு | rgb (255, 192, 203) | # FFC0CB |
| பிளம் | rgb (221, 160, 221) | # DDA0DD |
| தூள் நீலம் | rgb (176, 224, 230) | # B0E0E6 |
| ஊதா | rgb (128, 0, 128) | #800080 |
| சிவப்பு | rgb (255, 0, 0) | #FF0000 |
| ரோசிப்ரவுன் | rgb (188, 143, 143) | # BC8F8F |
| ராயல் ப்ளூ | rgb (65, 105, 225) | # 4169E1 |
| சேணம் பழுப்பு | rgb (139, 69, 19) | #8B4513 |
| சால்மன் | rgb (250, 128, 114) | # FA8072 |
| மணல் பழுப்பு | rgb (244, 164, 96) | # F4A460 |
| கடல் பச்சை | rgb (46, 139, 87) | # 2E8B57 |
| சங்கும் | rgb (255, 245, 238) | # FFF5EE |
| சியென்னா | rgb (160, 82, 45) | # A0522D |
| வெள்ளி | rgb (192, 192, 192) | # C0C0C0 |
| நீல வண்ணப் | rgb (135, 206, 235) | # 87CEEB |
| ஸ்லேட் நீலம் | rgb (106, 90, 205) | # 6A5ACD |
| ஸ்லேட்கிரே | rgb (112, 128, 144) | #708090 |
| ஸ்லேட்கிரே | rgb (112, 128, 144) | #708090 |
| பனி | rgb (255, 250, 250) | #FFFAFA |
| வசந்த பச்சை | rgb (0, 255, 127) | # 00FF7F |
| இரும்பு நீலம் | rgb (70, 130, 180) | #4682B4 |
| பழுப்பு | rgb (210, 180, 140) | # டி 2 பி 48 சி |
| இளம்பச்சை | rgb (0, 128, 128) | #008080 |
| திஸ்ட்டில் | rgb (216, 191, 216) | # D8BFD8 |
| தக்காளி | rgb (255, 99, 71) | #FF6347 |
| ரத்தின | rgb (64, 224, 208) | # 40E0D0 |
| ஊதா | rgb (238, 130, 238) | # EE82EE |
| கோதுமை | rgb (245, 222, 179) | # F5DEB3 |
| வெள்ளை | rgb (255, 255, 255) | # ffffff |
| வெண்புகை | rgb (245, 245, 245) | # F5F5F5 |
| மஞ்சள் | rgb (255, 255, 0) | # FFFF00 |
| மஞ்சள் பச்சை | rgb (154, 205, 50) | # 9ACD32 |
மேலும் வண்ணக் குறியீடுகள் உங்களுக்குத் தெரியுமா? பட்டியலை விரிவுபடுத்த கருத்துகளில் அவற்றை வைக்க உங்களை அழைக்கிறோம்.