கணினி விளையாட்டுகள் உங்கள் ஓய்வு நேரத்தை செலவிட மிகவும் பிரபலமான வழிகளில் ஒன்றாகும். ஒரு வீடியோ கேம் உலகில் மூழ்கி, உண்மையான பிரச்சனைகள் மற்றும் பிரச்சனைகளை மறந்து, நிதானமாக வேடிக்கையாக இருக்கிறோம். இது ஒரு ஆன்லைன் கேம் அல்லது மல்டிபிளேயர் பயன்முறையில் உள்ள கேம் என்றால், அதன் முக்கிய நன்மை என்னவென்றால், இங்கே நீங்கள் உலகம் முழுவதிலுமிருந்து பலரைச் சந்திக்கலாம் மற்றும் ஒத்த எண்ணம் கொண்டவர்களை மட்டுமல்ல, சிறந்த நண்பர்களையும் காணலாம். MTA இல் உள்ள வண்ணம் வரை கேம் அமைப்புகள் மற்ற வீரர்களுடனான உங்கள் தொடர்புகளை எவ்வாறு பாதிக்கும் என்பதை அறிய விரும்புகிறீர்களா? படியுங்கள்!
மல்டிபிளேயர் பயன்முறையின் அம்சங்கள்
நீங்கள் எப்போதாவது யோசித்திருக்கிறீர்களா: MTA அல்லது வேறு ஏதேனும் விளையாட்டில் வண்ணங்களை எவ்வாறு சரிசெய்வது? அதிக எண்ணிக்கையிலான வீரர்களுடன் ஆன்லைன் கேமை விளையாடும் வாய்ப்பைப் பெற்றவர்கள் எவரும் மற்றவர்களுக்கு முன்னால் தங்களை சிறந்த வெளிச்சத்தில் காட்ட விரும்புவதை மறுக்க மாட்டார்கள். உங்கள் கதாபாத்திரத்தின் சிறப்பு, விலையுயர்ந்த விஷயங்களை நீங்கள் காட்டலாம், கேமிங் சொற்களைப் பற்றிய உங்கள் அறிவில் தனித்து நிற்கலாம் அல்லது உங்கள் கேமின் இடைமுகத்தைத் தனிப்பயனாக்கலாம், இதனால் அது அனுபவமற்ற விளையாட்டாளர்களை விட சிறப்பாகச் செயல்படும்.
"MTA" இல் நிறங்கள் - நீங்கள் தெரிந்து கொள்ள வேண்டியது என்ன?
"ஜிடிஏ: சான் ஆண்ட்ரியாஸ்", "எம்டிஏ" விளையாட்டின் மல்டிபிளேயர் பயன்முறையின் பதிப்புகளில் ஒன்றைப் பற்றி நாம் பேசினால், இங்கே வண்ணம் மிக முக்கியமான பாத்திரத்தை வகிக்கிறது. MTA இல் உங்கள் புனைப்பெயரின் நிறத்தைத் தனிப்பயனாக்கும் திறன் ஒவ்வொரு தொடக்க வீரரும் பெற வேண்டிய சிறந்த திறன்களில் ஒன்றாகும்.
எனவே, உங்கள் புனைப்பெயர் நிறத்தை அமைக்க, "MTA: SA" பயன்பாட்டிற்குச் சென்று, அமைப்புகள் விருப்பத்தைக் கிளிக் செய்து, பின்னர் உங்கள் பெயரைத் தேர்ந்தெடுத்து, அதற்கு முன் விரும்பிய வண்ணக் குறியீட்டை உள்ளிடவும். "MTA" இல் புனைப்பெயர்களுக்கு வண்ணங்களின் பெரிய தட்டு உள்ளது. கட்டுரையில் நாங்கள் மாதிரி தட்டுகளை சேர்த்துள்ளோம், அதில் இருந்து நீங்கள் விரும்பும் நிழலை நீங்கள் தேர்வு செய்யலாம்.
ஆரம்ப மற்றும் அனுபவமற்ற வீரர்களின் புனைப்பெயர்களிலிருந்து உங்கள் புனைப்பெயரை எவ்வாறு தனித்து நிற்க முடியும் என்பதை இப்போது நீங்கள் அறிவீர்கள். பிரகாசமான, இது உங்களை சாதாரண விளையாட்டாளர்களிடமிருந்து வேறுபடுத்தி உங்கள் கவனத்தை ஈர்க்கும். உங்கள் விளையாட்டை அனுபவிக்கவும்!
துரதிர்ஷ்டவசமாக, இணையதளத்தில் சுவை உணர்வுகளைக் காட்ட இன்னும் சாத்தியமில்லை. ஆனால் இது நிறங்களின் உதவியுடன் முழுமையாக ஈடுசெய்யப்படலாம். எல்லாவற்றிற்கும் மேலாக, html வண்ணங்கள் மில்லியன் கணக்கான நிழல்களைக் காட்ட உங்களை அனுமதிக்கின்றன. அதனால் " வண்ண பென்சில்கள்அவரது தொகுப்பில் ஏழுக்கும் மேற்பட்டோர் உள்ளனர்.
html இல் வண்ணத் திட்டம்
html இல், வண்ணத்தை பல வடிவங்களில் குறிப்பிடலாம்:
1. ஹெக்ஸாடெசிமல் மதிப்பாக - ஹெக்ஸாடெசிமல் எண் அமைப்பில் குறிப்பிடப்பட்ட குறியீடு பயன்படுத்தப்படுகிறது. html இல் உள்ள இத்தகைய வண்ணக் குறியீடுகள் மூன்று ஜோடி ஹெக்ஸாடெசிமல் எண்களைக் கொண்டிருக்கும். ஒவ்வொரு ஜோடியும் அதன் முதன்மை நிறத்துடன் நிழலின் செறிவூட்டலுக்கு பொறுப்பாகும்:
- முதல் எண் ஜோடி சிவப்பு நிறத்திற்கு பொறுப்பாகும்;
- இரண்டாவது ஜோடி பச்சை நிற உள்ளடக்கத்திற்கானது;
- பிந்தையது அதன் நீல உள்ளடக்கத்திற்கானது.
குறியீட்டின் தொடக்கத்தில் (எண்களுக்கு முன்) ஒரு ஹாஷ் குறி வைக்கப்படுகிறது. இது ஹெக்ஸாடெசிமல் வண்ணக் குறியீடு. 1 முதல் 9 வரையிலான எண்களுக்கு கூடுதலாக, இந்த எண் அமைப்பு லத்தீன் எழுத்துக்களின் (A, B, C, D, E, F) எழுத்துக்களைப் பயன்படுத்துகிறது.
எடுத்துக்காட்டாக, 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 பாதுகாப்பான வண்ணங்கள் மறதிக்குள் மூழ்கியுள்ளன.
இந்த தரவு புள்ளிவிவரங்களால் முழுமையாக உறுதிப்படுத்தப்பட்டுள்ளது. 2014 இல், 0.5% பயனர்கள் மட்டுமே 256 நிழல்களை ஆதரிக்கும் கணினிகளைக் கொண்டுள்ளனர்.
வண்ண இணக்கத்தின் அடிப்படைகள்
நாம் அனைவரும் இயற்கையான இணக்கமான சுவை உணர்வைக் கொண்டிருக்கவில்லை. எனவே, சரியான நிறத்தைத் தேர்ந்தெடுப்பது ஒரு உண்மையான சவாலாக இருக்கலாம். ஆனால், அறிவியலுக்குப் பாராட்டுக்கள், பல திட்டங்களின் வடிவத்தில் வண்ண நல்லிணக்கத்தை விவரிக்கவும் அவர் முடிந்தது. அவை அனைத்தும் வண்ண சக்கரத்தின் பயன்பாட்டை அடிப்படையாகக் கொண்டவை. html இல் இணக்கமான வண்ணத் தேர்வுக்கான திட்டங்கள்:
- இணையான வண்ணத் திட்டம் - வண்ண சக்கரத்தில் இரண்டு நிழல்களும் இணையாக இருக்கும்போது;
- முக்கோணத் திட்டம் - ஒரு முக்கோணத்தின் அனைத்து மூலைகளும் வண்ணங்களில் ஒன்றை அடிப்படையாகக் கொண்டவை;
- ஒரே வண்ணமுடைய - ஒரே நிறத்தின் பல நெருக்கமான நிழல்கள் தேர்ந்தெடுக்கப்படும் போது;
- அனலாக் என்பது மோனோக்ரோமடிக் சர்க்யூட்டின் மேம்பட்ட பதிப்பாகும். இந்த வழக்கில், அதே நிறத்தின் நிழல்கள் ஒரு குறிப்பிட்ட தூரத்தில் அமைந்துள்ளன.
இந்தத் திட்டங்கள் அனைத்தையும் செயல்படுத்துவது paletton.com சேவையில் சிறப்பாக வழங்கப்படுகிறது. இணக்கமான நிறத்தை எளிதில் தேர்ந்தெடுக்க இது உங்களை அனுமதிக்கிறது.
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 என்பது ஹெக்ஸாடெசிமலில் உள்ள அதிக FF மதிப்புடன் ஒத்துள்ளது. தசம அமைப்பைப் போலன்றி, ஹெக்ஸாடெசிமல் எண்ணுக்கு முன்னால் ஹாஷ் குறியீடு இருக்கும். # , எடுத்துக்காட்டாக, #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 புரியவில்லை). எனவே, எதிர்கால வெப்மாஸ்டர் வெறுமனே படிக்க வேண்டும் வண்ணத்தை மாற்ற உங்களை அனுமதிக்கும் HTML கருவிகள்,எடுத்துக்காட்டாக, தளத்தின் இலக்கு பார்வையாளர்களின் கவனத்தை ஈர்க்கும் பிரகாசமான மற்றும் வண்ணமயமான மின்னஞ்சல் செய்திமடல்களை உருவாக்குவதற்காக.
இந்த இடுகை மிகவும் நீளமானது, ஆனால் HTML ஐப் பயன்படுத்தி வண்ணத்துடன் பணிபுரியும் அனைத்து தொழில்நுட்ப அம்சங்களையும் அதிலிருந்து நீங்கள் அறிந்து கொள்வீர்கள். கேள்வியைப் புரிந்துகொள்வதன் மூலம் பதிவைத் தொடங்குவோம்: HTML பக்கத்தின் சில கூறுகளை நிறத்துடன் ஏன் முன்னிலைப்படுத்த வேண்டும்? பின்னர் RGB மாதிரியைப் பற்றி பேசுவோம், இது சிறப்பு குறியீடுகளைப் பயன்படுத்தி HTML இல் வண்ணங்களை அமைக்க உங்களை அனுமதிக்கிறது (வழியில், தசம வண்ணக் குறியீடுகள் மற்றும் ஹெக்ஸாடெசிமல் HTML வண்ண மதிப்புகளைப் பார்ப்போம்). இந்த இடுகையிலிருந்து நீங்கள் வண்ணத் தட்டு பற்றி அறிந்து கொள்வீர்கள், மேலும் HTML இல் தட்டு ஏன் இல்லை என்பதையும் புரிந்துகொள்வீர்கள். இந்த வெளியீட்டின் முடிவில் இருக்கும் பின்னணி நிறம், உரை மற்றும் இணைப்புகளை மாற்றுவதற்கான எடுத்துக்காட்டுகள்.
HTML இல் வண்ணங்களைப் பயன்படுத்துதல்
படங்கள் இல்லாமல் இணையதளப் பக்கங்கள் சலிப்பாகவும் சுவாரஸ்யமற்றதாகவும் இருக்கும், நாங்கள் முன்பு மற்றும் மிக விரிவாகப் பேசினோம். ஆனால் படங்களுக்கு ஒரு குறிப்பிடத்தக்க குறைபாடு உள்ளது: ஒவ்வொரு படமும் கூடுதல் ஒன்று மற்றும் அதன்படி, ஹோஸ்டிங்கில் கூடுதல் சுமை.
எனது வேர்ட்பிரஸ் வலைப்பதிவை வடிவமைக்க நான் ஒரு படத்தையும் பயன்படுத்தவில்லை என்பதை நினைவில் கொள்ள விரும்புகிறேன்; தளவமைப்பு முற்றிலும் வண்ணத்தைப் பயன்படுத்தி வடிவமைக்கப்பட்டுள்ளது. அதே போல இன்று நாம் HTML இல் வண்ணங்களைப் பற்றி பேசுவோம். HTML இல் உள்ள வண்ணங்கள் வெவ்வேறு நோக்கங்களுக்காகப் பயன்படுத்தப்படுகின்றன, எடுத்துக்காட்டாக, சில உருப்படிகளை ஒரு வண்ணம் அல்லது மற்றொரு நிறத்தில் முன்னிலைப்படுத்துவதன் மூலம் வலைத்தள தளவமைப்புகளை வடிவமைக்க முடியும்.
வண்ணத்தைப் பயன்படுத்தி, எங்கள் பார்வையாளர்களின் கவனத்தை ஒரு குறிப்பிட்ட உரை அல்லது தளத்தின் தொகுதியில் செலுத்தலாம். பயனர் புரிந்துகொள்ளும் வகையில் வண்ணத்தைப் பயன்படுத்தி தீர்மானிக்கப்படுகிறது என்பதை நினைவில் கொள்ளவும்: அவர் ஏற்கனவே எந்த இணைப்பைக் கிளிக் செய்துள்ளார், எந்த இணைப்பை அவர் இன்னும் பார்வையிடவில்லை மற்றும் அவர் தற்போது எந்த HTML பக்கத்தில் இருக்கிறார்.
கவனமாக இரு HTML ஆவணங்களை வடிவமைக்க வண்ணங்களைப் பயன்படுத்துதல், எல்லா வண்ணங்களும் ஒன்றாகச் செல்லாது, மேலும் ஒவ்வொரு வண்ணமும் உங்கள் வலைத்தள பார்வையாளர்களுக்கு மகிழ்ச்சியாக இருக்காது. ஆனால் இந்த நுணுக்கங்களைப் பற்றி நீங்கள் வலை வடிவமைப்பாளர்களிடம் கேட்பது நல்லது; HTML பக்க உறுப்புகளின் நிறத்தைக் கட்டுப்படுத்த உங்களை அனுமதிக்கும் தொழில்நுட்ப அம்சங்களைப் புரிந்துகொள்ள இந்தக் கட்டுரை உதவும்.
ஆனால் வடிவமைப்பு உள்ளடக்கத்திலிருந்து பிரிக்கப்பட வேண்டும் என்பதை நீங்கள் மறந்துவிடக் கூடாது, எனவே HTML பக்கங்களில் வண்ணத்தை கையாள CSS ஐப் பயன்படுத்துவது நல்லது, ஆனால் இதைப் பற்றி மற்றொரு இடுகையில் பேசுவோம். இப்போது நாம் பார்ப்போம் தளப் பக்கங்களில் வண்ணத்தைக் கட்டுப்படுத்த HTML என்ன கருவிகளைக் கொண்டுள்ளது?.
தகவல் தொழில்நுட்பத் துறையில், வண்ண கையாளுதலுக்கான பல வண்ண மாதிரிகள் உள்ளன. மிகவும் பரவலாக பயன்படுத்தப்படும் வண்ண பிரதிநிதித்துவ மாதிரி RGB மாதிரி ஆகும். இந்த மாதிரியின் சில அம்சங்களைப் பற்றி இங்கே பேசுவோம், மேலும் RGB பற்றிய விரிவான அறிமுகத்திற்கு ஒரு தனி வெளியீடு இருக்கும். IT இல் பயன்படுத்தப்படும் வண்ண மாதிரிகளின் பட்டியலைக் கீழே காணலாம் (HTML மற்றும் CSS மட்டுமல்ல):
- RGB மாதிரி. இந்த மாதிரி மிகவும் பரவலாகிவிட்டது மற்றும் HTML உறுப்புகளின் நிறத்தை கையாள மிகவும் வசதியான மற்றும் பொதுவான வழிகளில் ஒன்றாகும்.
- மாதிரி RGBA. இந்த மாதிரி RGB மாதிரிக்கு மிகவும் ஒத்திருக்கிறது, ஆனால் வண்ணத்திற்கான ஆல்பா சேனலை உள்ளடக்கியது. RGBA மாடலின் சிறப்பு அம்சம் என்னவென்றால், இது உங்களை சரிசெய்ய அனுமதிக்கிறது HTML உறுப்பின் நிறம் மட்டுமல்ல, அதன் வெளிப்படைத்தன்மையும் கூடஆல்பா சேனல் இருப்பதால். RGBA மாடல் CSS3 இல் சேர்க்கப்பட்டது மற்றும் பழைய உலாவிகளால் ஆதரிக்கப்படவில்லை.
- மாடல் எச்.எஸ்.எல். எச்எஸ்எல் மாடலின் தனித்தன்மை என்னவென்றால், அதன் அளவுருக்களைப் பயன்படுத்தி வண்ணத்தை அமைக்கிறோம்: சாயல், தட்டையான தன்மை மற்றும் லேசான தன்மை. இந்த மாதிரி RGB மாதிரியை விட புரிந்து கொள்வது சற்று கடினமாக உள்ளது.
- மாதிரி HSLA. இந்த மாதிரி HSL மாடலைப் போலவே உள்ளது, ஆனால் RGBA மாதிரியைப் போலவே, இது ஆல்பா வண்ண சேனலுடன் வேலை செய்ய உங்களை அனுமதிக்கிறது, எனவே HSLA ஐப் பயன்படுத்தி பக்கத்தில் ஒரு HTML உறுப்பின் நிறத்தை மட்டுமல்ல, அதன் வெளிப்படைத்தன்மையையும் அமைக்கலாம். .
- மாடல் HSV (HSB). இந்த மாதிரியை HSL மாதிரியுடன் குழப்பிக் கொள்ளக்கூடாது. வலைப்பக்கங்களை வடிவமைக்க முதல் நான்கு மாடல்களை HTML அல்லது CSS இல் பயன்படுத்தலாம், ஆனால் HSV மாதிரியால் முடியாது. HSV ஆனது 1978 இல் Pixar இன் நிறுவனர்களில் ஒருவரால் வடிவமைக்கப்பட்டது மற்றும் HSL ஐப் போலவே உள்ளது.
- மாதிரி CMY அல்லது CMYK. இந்த மாதிரி அச்சிடுவதற்கு அனைத்து வண்ண அச்சுப்பொறிகளிலும் பயன்படுத்தப்படுகிறது. CMYK மாதிரியானது வெள்ளைத் தாள்களில் அச்சிடுதல் நிகழும் விதியை அடிப்படையாகக் கொண்டது. எந்த CMYK நிறமும் சியான் (வெளிர் நீலம், டர்க்கைஸ்), மெஜந்தா (மெஜந்தா) மற்றும் மஞ்சள் ஆகியவற்றைக் கலப்பதன் மூலம் பெறப்படுகிறது. CMY மாதிரியில் உள்ள ஒவ்வொரு நிறமும் ஒரு ஒளிபுகா தன்மையைக் கொண்டுள்ளது (மையின் அளவு), சதவீதமாக அளவிடப்படுகிறது. ஆனால் பட்டியலிடப்பட்டுள்ள மூன்று வண்ணங்களுக்கு கூடுதலாக, CMYK மாடல் கருப்பு நிறத்தையும் பயன்படுத்துகிறது.
மேலே உள்ள அனைத்து வண்ண மாதிரிகளும் வன்பொருள் சார்ந்தவை, அதாவது நீங்கள் என்றால் RGB அல்லது HSL மாதிரியைப் பயன்படுத்தி HTML உறுப்பின் நிறத்தை அமைக்கவும், அனைத்து பயனர்களின் மானிட்டர்கள் வித்தியாசமாக இருப்பதால், அவை வெவ்வேறு வண்ணங்களை வெளிப்படுத்துவதால், உங்கள் தளத்தைப் பார்வையிடுபவர் எந்த நிறத்தின் சரியான நிழலைப் பார்ப்பார் என்பதை உறுதியாகக் கூற முடியாது. மேலே உள்ள அனைத்து மாடல்களும் RGB மாதிரியை அடிப்படையாகக் கொண்டவை என்பதையும், எந்த மாடலில் குறிப்பிடப்பட்டுள்ள எந்த நிறத்தையும் (ஆல்ஃபா சேனல் இருப்பதால் HSLA மற்றும் RGBA தவிர) RGB ஆக மாற்ற முடியும் என்பதையும் நினைவில் கொள்ளவும்.
வன்பொருள்-சுயாதீன வண்ண பரிமாற்ற மாதிரிகள் பற்றி நாம் பேசினால், அது LAB மாதிரியைக் குறிப்பிடுவது மதிப்பு. எனவே, சில வண்ண மாதிரிகளுடன் பழகுவதன் மூலம் HTML இல் வண்ணத்துடன் வேலை செய்வதிலிருந்து சிறிது இடைவெளி எடுத்தோம். HSL, RGB, HSLA மற்றும் RGBA ஆகிய முதல் நான்கு மாடல்களை மட்டுமே உலாவிகள் "புரிந்து கொள்கின்றன" என்பதை நினைவில் கொள்ளவும். எனவே, இந்த மாதிரிகளைப் பயன்படுத்தி HTML உறுப்புகளின் நிறத்தை மட்டுமே நாம் கட்டுப்படுத்த முடியும்.
HTML உறுப்பின் நிறம் எவ்வாறு உருவாகிறது: RGB மாதிரியின் சில அம்சங்கள்
அதை கண்டுபிடிக்கலாம் HTML உறுப்பின் நிறம் எவ்வாறு உருவாகிறதுமற்றும் RGB மாதிரியின் சில அம்சங்களுடன். RGB மாதிரியைப் பற்றியும், வலைப்பக்கங்களை வடிவமைக்கப் பயன்படும் பிற மாதிரிகள் பற்றியும், சிறிது நேரம் கழித்து தனி இடுகைகளில் பேசுவோம் என்பதை நினைவில் கொள்க.
எனவே, RGB மாதிரியானது சிவப்பு, பச்சை, நீலம் ஆகியவற்றைக் குறிக்கிறது. RGB மாதிரியானது சேர்க்கையின் கொள்கையை அடிப்படையாகக் கொண்டது. இந்த கொள்கை என்னவென்றால், எந்த நிறத்தையும் பெற, நிறம் கருப்புடன் சேர்க்கப்படுகிறது. சிறந்த புரிதலுக்கு, உங்கள் திரை ஒரு கருப்பு சுவர் என்றும், உங்களிடம் மூன்று ஸ்பாட்லைட்கள் உள்ளன என்றும் கற்பனை செய்து பாருங்கள்: முதலாவது சிவப்பு நிறத்திலும், இரண்டாவது பச்சை நிறத்திலும், மூன்றாவது நீல நிறத்திலும் ஜொலிக்கிறது. 0 முதல் 255 வரையிலான எண்களைக் கொண்ட ரூலரைப் பயன்படுத்தி ஒவ்வொரு ஸ்பாட்லைட்டின் பிரகாசத்தையும் நீங்கள் சரிசெய்யலாம். அதன்படி, ஸ்பாட்லைட்டை பூஜ்ஜியமாக அமைத்தால், அது அணைந்து பிரகாசிக்காது; மதிப்பு 255 ஆக இருந்தால், ஸ்பாட்லைட் சாத்தியமான பிரகாசமான நிறத்தை உருவாக்குகிறது. .
எனவே, நீங்கள் ஒரே புள்ளியில் சிவப்பு மற்றும் பச்சை நிற ஸ்பாட்லைட்டைப் பிரகாசித்தால், கருப்பு சுவரில் மஞ்சள் புள்ளியைக் காண்பீர்கள். நீங்கள் சிவப்பு மற்றும் நீலத்தை இணைத்தால், நீங்கள் ஊதா நிறத்தைப் பெறுவீர்கள், நீங்கள் பச்சை மற்றும் நீலத்தை இணைத்தால், கருப்பு சுவரில் உள்ள ஒளி புள்ளி சியானாக இருக்கும், ஆனால் நீங்கள் மூன்று ஸ்பாட்லைட்களையும் ஒரு கட்டத்தில் சுட்டிக்காட்டினால், ஒளி புள்ளி வெண்மையாக இருக்கும்.
மேலே விவரிக்கப்பட்ட கொள்கை RGB மாதிரியின் அடியில் உள்ளது மற்றும் உலாவியில் ஒரு பக்கத்தில் உள்ள HTML உறுப்புகளில் வண்ணங்களைக் கையாளப் பயன்படுகிறது.
உறுப்புகளின் நிறத்தை மாற்றுவதற்கான HTML பண்புக்கூறுகள்: உறுப்பின் பின்னணி நிறம் மற்றும் உறுப்புக்குள் உள்ள உரையின் நிறம்
பக்க உறுப்புகளை தனித்துவமாக்க பயன்படுகிறது. HTML பண்புகளைப் பயன்படுத்தி உறுப்புகளின் நிறத்தை நாம் கையாளலாம்:
- HTML பண்புக்கூறு நிறம். HTML உறுப்புக்குள் உள்ள உரையின் நிறத்தை மாற்ற இந்தப் பண்பு உங்களை அனுமதிக்கிறது. பண்புக்கூறு ஹெக்ஸாடெசிமல் மற்றும் தசம குறியீடுகளில் HTML வண்ணப் பெயர்கள் மற்றும் RGB மாதிரி குறியீடுகளின் வடிவத்தில் மதிப்புகளை எடுக்கலாம். வண்ணப் பண்பு என்பது ஒரு தனித்துவமான HTML பண்புக்கூறு ஆகும், இது சில HTML கூறுகளுக்குள் உரையின் நிறத்தை மாற்ற அனுமதிக்கிறது.
- HTML உரை பண்புக்கூறு. இந்த பண்பு ஒரு தனித்துவமான டேக் பண்புக்கூறு ஆகும் . குறியிடவும் குறிச்சொற்களுடன் மற்றும் வடிவம் . நீங்கள் நினைவில் வைத்திருந்தால், கொள்கலனுக்குள் உறுப்புகள் வைக்கப்படுகின்றன, பின்னர் அவை பார்க்கும் பகுதியில் உலாவியால் காட்டப்படும். உரை பண்புக்கூறு உங்களை குறிப்பிட அனுமதிக்கிறது முழு HTML பக்கத்திற்கும் இயல்புநிலை உரை வண்ணம்.
- HTML பண்புக்கூறு bgcolor. இது ஒரு தனித்துவமான HTML பண்புக்கூறு மற்றும் சில HTML கூறுகளின் பின்னணி நிறத்தை மாற்ற உங்களை அனுமதிக்கிறது.
- HTML பண்புக்கூறு vlink. இந்த பண்பு தனித்துவமானது மற்றும் குறிச்சொல்லுக்கு மட்டுமே பொருந்தும் பயனர் ஏற்கனவே பார்வையிட்ட இணைப்பின் நிறத்தை மாற்ற.
- HTML பண்புக்கூறு இணைப்பு. இந்த பண்பு தனித்துவமானது மற்றும் குறிச்சொல்லுக்கு மட்டுமே பொருந்தும் . alink பண்புக்கூறு செயலில் உள்ள HTML இணைப்பின் நிறத்தை மாற்றுகிறது.
- HTML இணைப்பு பண்புக்கூறு. இணைப்பு பண்புக்கூறு ஒரு குறிச்சொல்லுடன் மட்டுமே பயன்படுத்தப்படுகிறது மேலும் பயனர் இதுவரை பார்வையிடாத HTML பக்க இணைப்புகளின் நிறத்தை மாற்ற உதவுகிறது.
தயவு செய்து கவனிக்கவும்: HTML உறுப்புகளின் நிறத்தை மாற்ற பண்புக்கூறுகளைப் பயன்படுத்துவது பரிந்துரைக்கப்படவில்லை, ஏனெனில் அடுக்கு நடை தாள்கள் இருப்பதால், வலைப்பக்கத்தின் வடிவமைப்பை அதன் உள்ளடக்கத்திலிருந்து பிரிக்க உங்களை அனுமதிக்கிறது.
HTML இல் தசம வண்ணக் குறியீடுகளைப் பயன்படுத்துதல்
எனவே, 0 முதல் 255 வரையிலான எண்ணிடப்பட்ட வரைபடங்கள் இருக்கும் ஒரு சிறப்பு ஆட்சியாளரைப் பயன்படுத்தி ஸ்பாட்லைட்டின் நிறத்தின் பிரகாசத்தை நீங்கள் அமைக்கலாம் என்பதைப் பற்றி நாங்கள் பேசினோம். இப்போது HTML கூறுகளின் நிறத்தை மாற்ற இது எவ்வாறு உதவும் என்பதைப் பார்ப்போம். விஷயம் என்னவென்றால், HTML உறுப்புக்குள் உள்ள உரையின் நிறத்தை அல்லது HTML இல் பின்னணி நிறத்தை தசம குறியீட்டைப் பயன்படுத்தி பின்வருமாறு மாற்றலாம்:
நீங்கள் ஒரு HTML ஆவணத்தை உருவாக்கினால், அதில் உடல் கொள்கலன் விவரிக்கப்பட்டுள்ளது, உதாரணமாக, நீங்கள் பார்ப்பீர்கள்:
- HTML ஆவணத்தின் பின்னணி நிறம் இப்போது பச்சை நிறத்தில் உள்ளது: bgcolor=”rgb (0,255,0)”.
- HTML பக்கத்தின் உரை நிறம் நீலமாக மாறும்: text=”rgb (0,0,255)”.
- பயனர் பார்வையிடாத இணைப்பின் HTML நிறம் வெண்மையாக இருக்கும்: link=”rgb (255,255,255)”.
- தற்போது திறந்திருக்கும் இணைப்பின் நிறங்கள் கருப்பு நிறமாக இருக்கும்: alink=”rgb (0,0,0)”.
- ஏற்கனவே பார்வையிட்ட HTML இணைப்பின் நிறம் சிவப்பு நிறமாக இருக்கும்: vlink=”rgb (255,0,0)”.
தயவுசெய்து கவனிக்கவும்: உங்கள் விருப்பப்படி "ஸ்பாட்லைட் சக்தியை" சரிசெய்ய யாரும் உங்களைத் தடுக்கவில்லை, உங்களால் முடியும் HTML நிறத்தை அமைக்கவும்எடுத்துக்காட்டாக, இந்த வழியில்:
rgb(94, 85, 50) |
மேலும் குழந்தைத்தனமான ஆச்சரியத்தின் நிறத்தைப் பெறுங்கள். இது RGB மாதிரியின் தனித்தன்மை, நெகிழ்வுத்தன்மை மற்றும் வசதி. உங்கள் மானிட்டர் ஒரு கருப்பு சுவரில் ஒளிரும் ஸ்பாட்லைட்களுடன் உள்ளது, மேலும் இந்த ஸ்பாட்லைட்களின் சக்தியை நீங்கள் சரிசெய்து, தசம குறியீட்டு அமைப்பில் HTML பண்புகளைப் பயன்படுத்தி அனைத்து வகையான பின்னணி, உரை மற்றும் இணைப்பு வண்ணங்களையும் உருவாக்கலாம் அல்லது, நீங்கள் இவ்வாறு கூறலாம்: தசம வண்ணக் குறியீடுகளைப் பயன்படுத்துதல்.
உண்மையாக HTML இல் தசம வண்ணக் குறியீடுகளைச் சொல்வது தவறு, சொல்வது இன்னும் சரியாக இருக்கும் RGB தசம வண்ணக் குறியீடுகள், இந்த மாதிரியானது HTML மற்றும் CSS இல் வலைப்பக்கங்களை வடிவமைக்க மட்டும் பயன்படுத்தப்படுவதில்லை.
ஹெக்ஸாடெசிமல் HTML வண்ண மதிப்புகள்
RGB மாதிரியின் தசம குறியீடுகளைப் பயன்படுத்தி HTML உறுப்புகளின் நிறத்தை அமைப்பது மிகவும் வசதியானது அல்ல (மற்றும் இந்த நேரத்தில், அனைத்து உலாவிகளும் இந்த வண்ண கையாளுதல் முறையை ஆதரிக்கவில்லை), ஏனெனில் பதிவு மிகவும் கச்சிதமாக இருக்காது; இது மிகவும் வசதியானது. ஹெக்ஸாடெசிமல் மதிப்புகளைப் பயன்படுத்தி HTML உறுப்புகளின் நிறத்தை அமைக்கவும். கீழே உள்ள படத்தில் தசம மதிப்புகள் எப்படி ஹெக்ஸாடெசிமலாக மாற்றப்படுகின்றன என்பதை நீங்கள் பார்க்கலாம்.
ஹெக்ஸாடெசிமல் எண் முறை பற்றி தெரியாதவர்களுக்கு, நீங்கள் எளிதாக செய்ய ஒரு சிறிய விளக்கம் கொடுக்க வேண்டும் ஹெக்ஸாடெசிமல் RGB மாதிரி குறியீடுகளைப் பயன்படுத்தி HTML உறுப்புகளின் நிறத்தைக் கையாளவும். முதலாவதாக, பத்து இலக்கங்களின் கலவையால் எந்த எண்ணையும் பெற முடியும் என்பதால், தசம எண் அமைப்பு என்று பெயரிடப்பட்டது (சொல்லியல் முக்கியமானது: எண்ணுக்கும் இலக்கத்திற்கும் வித்தியாசம் உள்ளது): 0, 1, 2, 3, 5, 6, 7, 8, 9
ஹெக்ஸாடெசிமல் எண் அமைப்பில், பதினாறு இலக்கங்களின் கலவையைப் பயன்படுத்தி எந்த எண்ணையும் எழுதலாம்: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. எளிதில் புரிந்து கொள்ள, a என்பது பத்து என்றும் f என்பது பதினைந்து என்றும் வைத்துக் கொள்ளலாம். எடுத்துக்காட்டாக, பதினாறு என்ற எண் ஹெக்ஸாடெசிமலில் பின்வருமாறு எழுதப்படும்: 10. மேலும் 255 என்ற எண் ff என எழுதப்படும்.
இப்போது எப்படி முடியும் என்று பார்ப்போம் ஹெக்ஸாடெசிமல் மதிப்புகளைப் பயன்படுத்தி HTML உறுப்புகளின் நிறத்தை அமைக்கவும், எங்கள் முந்தைய உதாரணத்தை மீண்டும் செய்வோம், தசம வண்ணக் குறியீடுகளை அவற்றின் ஹெக்ஸாடெசிமல் சகாக்களுடன் மாற்றுவோம்:
<
body
alink
=
”#000000” இணைப்பு=”#ffffff” vlink=”ff0000” bgcolor=”#00ff00” text=”#0000ff”> |
குறிப்பு: ஹெக்ஸாடெசிமல் வடிவத்தில் HTML இல் வண்ணத்தை எழுதுவது ஓரளவு கச்சிதமானதுதசமத்தை விட, அது முதல் ஒன்று. இரண்டாவது: ஒவ்வொரு ஸ்பாட்லைட்டின் சக்தியும் 0 முதல் 255 வரையிலான எண்களால் அமைக்கப்படுகிறது. எண் 255 ஐ எழுத ஹெக்ஸாடெசிமல் வடிவத்தில் இரண்டு இலக்கங்கள் தேவை (ff = 250), எனவே ஒவ்வொரு வண்ண சேனலின் பிரகாசம் (எங்கள் ஸ்பாட்லைட்கள் சரியாக வண்ண சேனல் என்று அழைக்கப்படுகின்றன, வண்ண சேனல்) 0 முதல் f வரை இரண்டு இலக்கங்களால் அமைக்கப்பட்டுள்ளது.
தயவு செய்து கவனிக்கவும்: ஒவ்வொரு வண்ண சேனலின் பிரகாசமும் தனித்தனியாக அமைக்கப்பட்டுள்ளது, ஆனால் இது ஒரு ஒற்றை எண் என்று நாம் கற்பனை செய்தால், RGB மாதிரியின் ஹெக்ஸாடெசிமல் எண் அமைப்பில் அதிகபட்ச சாத்தியமான எண் ffffff ஆகும், அது நமக்கு வெள்ளை நிறத்தைக் கொடுக்கும், மேலும் தசம அமைப்பு அது: 16,777,215. இந்த வண்ணங்கள் மற்றும் நிழல்கள் RGB மாதிரியை அமைக்க/பயன்படுத்த உங்களை அனுமதிக்கிறது. ஒவ்வொரு வண்ண சேனலுக்கும் முறையே 256 பிரகாச மதிப்புகள் (0 முதல் 255 வரை) இருப்பதால் இந்த எண் வருகிறது: 256 * 256 * 256 = 16,777,215.
ஹெக்ஸாடெசிமல் HTML வண்ண மதிப்புகள் மிகவும் கச்சிதமானவை மற்றும் தெளிவானவை, பெரும்பாலான இணைய வடிவமைப்பாளர்கள் மற்றும் தளவமைப்பு வடிவமைப்பாளர்கள் HTML இல் வண்ணத்தைக் கையாள ஹெக்ஸாடெசிமல் மதிப்புகளைப் பயன்படுத்துகின்றனர், எனவே நீங்கள் வண்ணக் குறியீட்டின் தசம வடிவத்தைப் பயன்படுத்த வேண்டாம், ஆனால் உடனடியாக ஹெக்ஸாடெசிமலைப் பயன்படுத்த பரிந்துரைக்கிறோம்.
ஒரு புதிய வடிவமைப்பாளர் அல்லது தளவமைப்பு வடிவமைப்பாளர் வண்ணக் குறியீட்டின் ஹெக்ஸாடெசிமல் வடிவத்திற்குச் செல்வது முதலில் கடினமாக இருக்கும் என்பது தெளிவாகிறது, எனவே கிட்டத்தட்ட எந்த கிராஃபிக் எடிட்டருக்கும் வண்ணத் தட்டு என்று அழைக்கப்படுகிறது, இது விரும்பிய வண்ணத்தைத் தேர்ந்தெடுத்து அதைப் பெற உங்களை அனுமதிக்கிறது. வெவ்வேறு எண் அமைப்புகளில் வெவ்வேறு வண்ண மாதிரிகளுக்கான குறியீடு.
போன்ற சில உரை எடிட்டர்கள், நீங்கள் ஒரு நிறத்தை விரைவாகத் தேர்ந்தெடுத்து அதை மாற்ற விரும்பும் போது மிகவும் எளிதாக இருக்கும் தட்டு நீட்டிப்புகளைக் கொண்டுள்ளன. இது தொடர்பாக நான் எதுவும் கூற முடியாது.
HTML இல் வண்ணப் பெயர்கள்
HTML பண்புக்கூறுகளை மதிப்புகளாக எடுத்துக் கொள்ளலாம் தசம குறியீடுகள் மற்றும் ஹெக்ஸாடெசிமல் மதிப்புகள் மட்டுமல்ல, ஆனால் சிறப்பு மலர் பெயர்கள். HTML உறுப்புகளின் நிறத்தை அதன் பெயரைப் பயன்படுத்தி மாற்றுவது நல்ல யோசனையல்ல. முதலாவதாக, HTML இல் உள்ள வண்ணப் பெயருக்குப் பின்னால் RGB மாதிரி குறியீடு உள்ளது, இரண்டாவதாக, ஒவ்வொரு உலாவியும் பெயரால் குறிப்பிடப்பட்ட HTML உறுப்பின் நிறத்தை வித்தியாசமாகக் காட்டுகிறது, இது உலாவி டெவலப்பர்களின் விருப்பத்தை மட்டுமே சார்ந்துள்ளது.
அதனால் தான் HTML இல் வண்ணப் பெயரைப் பயன்படுத்துவது பரிந்துரைக்கப்படவில்லை. RGB மாதிரியானது வன்பொருள் சார்ந்தது, மேலும் பெயரால் குறிப்பிடப்பட்ட வண்ணம் உலாவி மற்றும் அதன் பதிப்பைப் பொறுத்தது. பெயரைப் பயன்படுத்தி HTML பக்க உறுப்புகளின் நிறத்தை அமைக்க முயற்சிப்போம்:
<
body
alink
=
”black
”link
=
”#white” vlink=”red” bgcolor=”green” text=”blue”> |
நீங்கள் புரிந்து கொண்டபடி, நிறைய வண்ணங்கள் மற்றும் நிழல்கள் உள்ளன. HTML பண்புக்கூறுகள் சாய்வு அமைக்க உங்களை அனுமதிக்காது என்பது இங்கே கவனிக்கத்தக்கது; CSS இந்த விருப்பம் உள்ளது, ஆனால் அதைப் பற்றி மற்றொரு இடுகையில் பேசுவோம். மேலும் HTML இல் பல வண்ணங்களுக்கு பெயர்கள் உள்ளன. HTML இல் வண்ணப் பெயர்களின் அட்டவணையையும் அவற்றின் RGB குறியீடுகளையும் எனது இணையதளத்தில் காணலாம்.
மேலே உள்ள அட்டவணை காட்டுகிறது பெயரைப் பயன்படுத்தி HTML உறுப்பைக் குறிப்பிட்டால் அது எந்த நிறத்தைப் பெறும். இந்த அட்டவணையில் 16 வண்ணங்களும் அவற்றின் பெயர்களும் W3C ஆல் அங்கீகரிக்கப்பட்டு எந்த உலாவியிலும் காட்டப்பட வேண்டும். ஆனால் உண்மையில், HTML இல் நீங்கள் முக்கிய உலாவிகளால் ஆதரிக்கப்படும் சுமார் 200 வண்ணப் பெயர்களைப் பயன்படுத்தலாம், அதாவது: Opera, Chrome, Firefox, Safari, Internet Explorer (இந்த அறிக்கை பிந்தையதைப் பற்றி மிகவும் சர்ச்சைக்குரியது).
HTML வண்ணத் தட்டு
உண்மையாக HTML இல் வண்ணத் தட்டு இல்லை. தட்டு என்ற வார்த்தையின் வரையறையை நினைவில் கொள்வோம். தட்டு என்பது ஒரு நாற்கர அல்லது ஓவல் வடிவத்தின் ஒரு சிறிய மெல்லிய பலகையாகும், அதில் கலைஞர் வண்ணப்பூச்சுகளை கலந்து அனைத்து வகையான வண்ணங்களையும் பெறுகிறார். சில சமயங்களில் கட்டைவிரலைப் பிடித்துக் கொள்ள வசதியாகத் தட்டுகளில் ஒரு துளை செய்யப்படுகிறது. கீழே உள்ள தட்டுகளின் படத்தை நீங்கள் காணலாம். அதனால்தான் HTML இல் தட்டு இல்லை.
ஆனால் பல்வேறு உரை ஆசிரியர்களில் உள்ளது வண்ண தட்டு செருகுநிரல்கள்அந்த உதவி HTML உறுப்பின் நிறத்தை விரைவாகத் தேர்ந்தெடுக்கவும். கிராஃபிக் எடிட்டர்களில் ஒரு வண்ணத் தட்டு உள்ளது, ஏனென்றால் ஒரு வடிவமைப்பாளர் உட்கார்ந்து கணக்கிடுவது மிகவும் வசதியானது மற்றும் வேடிக்கையானது அல்ல: இந்த அல்லது அந்த சேனலின் இந்த அல்லது அந்த பிரகாசத்தில் என்ன நிறம் வெளிவரும். கீழே உள்ள படத்தில் நீங்கள் பெயிண்ட் எடிட்டரின் எளிய தட்டுகளைக் காணலாம்.
பல வண்ணத் தட்டு தொகுதிகள் மற்றும் செருகுநிரல்கள் RGB/RGBA வடிவத்தில் மட்டுமல்ல, மற்ற மாதிரிகளின் வடிவத்திலும் வண்ணக் குறியீட்டைப் பெற உங்களை அனுமதிக்கின்றன என்பதை நினைவில் கொள்க. நினைவில் கொள்ளுங்கள் HTML இல் தட்டு இல்லை, சரி, நீங்கள் ஒரு கலைஞராக இல்லாவிட்டால் மற்றும் HTML பக்கத்தின் வண்ணத் தட்டுகளை அந்த வண்ணங்கள் என்று அழைக்கிறீர்கள்அதை அலங்கரிக்கப் பயன்படுத்தப்பட்டது (எல்லாவற்றிற்கும் மேலாக, சில நேரங்களில் ஒரு தட்டு என்பது ஒரு குறிப்பிட்ட கலைஞர் பயன்படுத்தும் வண்ணங்கள் அல்லது ஒரு குறிப்பிட்ட ஓவியத்தின் உருவாக்கத்தில் பயன்படுத்தப்பட்ட வண்ணங்களைக் குறிக்கிறது).
HTML இல் உரை நிறத்தை மாற்ற கற்றுக்கொள்வது
நமக்கு கிடைத்துவிட்டது HTML இல் நிறங்கள் பற்றி நிறைய கோட்பாடுகள், பயிற்சி செய்து முயற்சி செய்வோம் HTML கூறுகளின் வண்ணங்களுடன் வேலை செய்யுங்கள். நாம் செய்ய கற்றுக் கொள்ளும் முதல் விஷயம் HTML ஆவணத்தில் உரை நிறத்தை மாற்றவும்சிறப்பு பண்புக்கூறுகள் மற்றும் குறிச்சொற்களைப் பயன்படுத்துதல். எந்த எடிட்டரையும் திறந்து அதில் பின்வரும் குறியீட்டை எழுதவும்:
HTML இல் வண்ணத்துடன் வேலை செய்ய கற்றுக்கொள்வது
உரை நிறத்தை மாற்றுதல்
உரையின் நிறத்தை மாற்ற, BODY உரை உறுப்பின் தனித்துவமான பண்புக்கூறைப் பயன்படுத்தலாம், மேலும் FONT உறுப்பு மற்றும் அதன் வண்ணப் பண்புக்கூறையும் பயன்படுத்தலாம். இந்த உரை சாம்பல் நிறமாக இருக்கும்.
< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title >HTML ஆவணத்தில் உள்ள உரையின் நிறத்தை மாற்றுதல்< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body text = "#ff0000" > < h1 > < font color = "rgb(0,255,0)" >HTML இல் வண்ணத்துடன் வேலை செய்ய கற்றுக்கொள்வது< / font > < / h1 > < h2 > < font color = "yellow" >உரை நிறத்தை மாற்றுதல்< / font > < / h2 > < p >உரை நிறத்தை மாற்ற, நாம் ஒரு தனித்துவத்தைப் பயன்படுத்தலாம் உறுப்புகளின் BODY உரை பண்புக்கூறு மற்றும் FONT உறுப்பைப் பயன்படுத்தவும் < / body > < / html > |
நான் இந்த கோப்பை color.html ஆக சேமித்து, பற்றி மறக்க வேண்டாம் என்று உங்களுக்கு அறிவுறுத்துகிறேன். தசம எண் அமைப்பில் வண்ணத்தை பதிவு செய்வது Chrome, Firefox மற்றும் Opera ஆல் ஆதரிக்கப்படவில்லை, ஆனால் IE இந்த வண்ணக் குறியீட்டைப் புரிந்துகொண்டு HTML தலைப்பை பச்சை நிறத்தில் முன்னிலைப்படுத்துகிறது:
HTML இல் உரை நிறத்தை மாற்றுவது அல்ல, HTML இல் எழுத்துரு நிறத்தை மாற்றுவது என்பது சரியான விஷயம். பற்றி
வண்ணங்களைக் குறிப்பிட 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 | #0000சிசி | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033சிசி | #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 | #3333சிசி | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366சிசி | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600சிசி | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633சிசி | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666சிசி | #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 | #9933சிசி | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966சிசி | #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 |