வார்த்தையில் இண்டிகோ நிறம். வண்ணங்கள் மற்றும் நிழல்களின் பெயர்கள்
வண்ணங்களின் அட்டவணை (தட்டு) htmlஉங்களுக்கு தேவையான தொனியை சுயாதீனமாக தேர்வு செய்வதற்கான வாய்ப்பை வழங்குகிறது. வண்ண மதிப்பு மூன்று வடிவங்களில் காட்டப்படும்: ஹெக்ஸ், ஆர்ஜிபி மற்றும் எச்எஸ்வி.
- ஹெக்ஸ் என்பது ஹெக்ஸாடெசிமல் எண் அமைப்பில் மூன்று இரண்டு-எழுத்து மதிப்புகளைக் கொண்டுள்ளது. எடுத்துக்காட்டாக: #ff00b3, இதில் முதல் ஜோடி எண்கள் சிவப்பு, இரண்டாவது பச்சை, மூன்றாவது நீலம்.
- RGB (RedGreenBlue) ஆனது "200,100,255" வடிவத்தைக் கொண்டுள்ளது, இதன் விளைவாக வரும் நிறத்தில் தொடர்புடைய தொனியின் (சிவப்பு, பச்சை, நீலம்) அளவைக் குறிக்கிறது.
- HSV (சாயல், செறிவு, மதிப்பு - தொனி, செறிவு, மதிப்பு) என்பது ஒரு வண்ண மாதிரி, இதில் ஆயத்தொகுப்புகள்:
- சாயல் - வண்ண தொனி, 0° முதல் 360° வரை மாறுபடும்.
- செறிவு - செறிவு, 0-100 அல்லது 0-1 வரை மாறுபடும். இந்த அளவுரு உயர்ந்தால், "தூய்மையான" நிறம், அதனால்தான் இந்த அளவுரு சில நேரங்களில் வண்ண தூய்மை என்று அழைக்கப்படுகிறது. இந்த அளவுரு பூஜ்ஜியத்திற்கு நெருக்கமாக இருந்தால், நடுநிலை சாம்பல் நிறத்திற்கு நெருக்கமாக இருக்கும்.
- மதிப்பு (வண்ண மதிப்பு) - பிரகாசத்தை அமைக்கிறது, மதிப்பு 0-100 அல்லது 0-1 வரை மாறுபடும்.
வண்ணக் குறியீட்டை உள்ளிடவும்: போ
பெயர்களுடன் வண்ணங்களின் பட்டியல்
அட்டவணை வண்ணங்களின் பெயர்களை பட்டியலிடுகிறது ஆங்கிலம்(அவை மதிப்புகளாகப் பயன்படுத்தப்படலாம்) எல்லா உலாவிகளாலும் ஆதரிக்கப்படும், அவற்றின் பதின்ம மதிப்புகள். பட்டியலிடப்பட்ட அனைத்து வண்ணங்களும் "பாதுகாப்பானவை", அதாவது அவை எல்லா உலாவிகளிலும் ஒரே மாதிரியாகத் தோன்றும்.
வண்ண பெயர் | ஹெக்ஸ் | நிறம் |
---|---|---|
கருப்பு | #000000 | |
கடற்படை | #000080 | |
அடர் நீலம் | #00008B | |
நடுத்தர நீலம் | #0000சிடி | |
நீலம் | #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 | |
நடுத்தர அக்வாமரைன் | #66சிடிஏஏ | |
டிம்கிரே | #696969 | |
ஸ்லேட் நீலம் | #6A5ACD | |
ஆலிவ் டிராப் | #6B8E23 | |
ஸ்லேட் சாம்பல் | #708090 | |
லைட்ஸ்லேட் கிரே | #778899 | |
நடுத்தர ஸ்லேட் நீலம் | #7B68EE | |
புல்வெளி பச்சை | #7CFC00 | |
சார்ட்ரூஸ் | #7FFF00 | |
அக்வாமரைன் | #7FFFD4 | |
மெரூன் | #800000 | |
ஊதா | #800080 | |
ஆலிவ் | #808000 | |
சாம்பல் | #808080 | |
வானம் நீலம் | #87CEEB | |
லைட் ஸ்கை ப்ளூ | #87CEFA | |
நீல வயலட் | #8A2BE2 | |
அடர் சிவப்பு | #8B0000 | |
டார்க் மெஜந்தா | #8B008B | |
சேடில்பிரவுன் | #8B4513 | |
அடர்ந்த கடல் பச்சை | #8FBC8F | |
வெளிர் பச்சை | #90EE90 | |
நடுத்தர ஊதா | #9370D8 | |
அடர் வயலட் | #9400D3 | |
வெளிர் பச்சை | #98FB98 | |
டார்க் ஆர்க்கிட் | #9932சிசி | |
மஞ்சள் பச்சை | #9ACD32 | |
சியன்னா | #A0522D | |
பழுப்பு | #A52A2A | |
அடர் சாம்பல் | #A9A9A9 | |
வெளிர் நீலம் | #ADD8E6 | |
பச்சை மஞ்சள் | #ADFF2F | |
வெளிர் டர்க்கைஸ் | #AFEEEE | |
லைட் ஸ்டீல் ப்ளூ | #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 | |
MintCream | #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 | |
எலுமிச்சை சிஃப்பான் | #FFFACD | |
மலர் வெள்ளை | #FFFAF0 | |
பனி | #FFFAFA | |
மஞ்சள் | #FFFF00 | |
வெளிர் மஞ்சள் | #FFFFE0 | |
தந்தம் | #FFFFFF0 | |
வெள்ளை | #FFFFFF |
கலைஞர்கள் மற்றும் வடிவமைப்பாளர்களால் பயன்படுத்தப்படும் வண்ணங்கள் மற்றும் நிழல்களின் தட்டு வெறுமனே ஆச்சரியமாக இருக்கிறது. மாறிவரும் போக்குகளுக்கு நன்றி, உலகெங்கிலும் உள்ள நாகரீகர்கள் பேஷன் பத்திரிகைகளைப் போலவே வண்ணத் திட்டங்களையும் விடாமுயற்சியுடன் படிக்கிறார்கள். எனவே, நெருக்கமான பரிசோதனையில், பழக்கமான மஞ்சள் நிறம் பிரிக்கப்பட்டுள்ளது: கடுகு, தங்கம், எலுமிச்சை, குங்குமப்பூ, கேனரி, பேரிக்காய், சோளம், சார்ட்ரூஸ், ஸ்பிரிங் மொட்டு, டேலியா மஞ்சள், டேன்ஜரின், பழங்கால தங்கம் ... மற்றும் இது முழுமையான பட்டியல் அல்ல. அதன் நிழல்கள்! தற்போதுள்ள பல்வேறு நிழல்களை எவ்வாறு புரிந்துகொள்வது, மிக முக்கியமாக - இது அவசியமா? எல்லாவற்றிற்கும் மேலாக, வண்ணத்தின் கருத்து முற்றிலும் அகநிலை, இது கலாச்சார காரணிகளால் மட்டுமல்ல, உடலியல் காரணிகளாலும் பாதிக்கப்படுகிறது (வண்ணத்தின் நுணுக்கங்களை வேறுபடுத்தும் கண்ணின் திறன் இயற்கையால் நபருக்கு நபர் மாறுபடும்). கூடுதலாக, ஒரு நிழல் அதைச் சுற்றியுள்ள வண்ணங்களைப் பொறுத்து வெப்பமாகவோ அல்லது குளிராகவோ தோன்றும்.
குளிர் நிறங்கள் மற்றும் நிழல்கள்
வண்ணங்கள் மற்றும் நிழல்களின் மாற்றங்களின் தொடர்ச்சியை தெளிவாக நிரூபிக்க, ஒரு வண்ண சக்கரம் பயன்படுத்தப்படுகிறது. இது மூன்று வண்ணங்களை அடிப்படையாகக் கொண்டது: சிவப்பு, மஞ்சள் மற்றும் நீலம். இந்த வண்ணங்களை ஒருவருக்கொருவர் கலக்கும்போது, நாம் இடைநிலை நிறங்களைப் பெறுகிறோம்: ஆரஞ்சு, பச்சை மற்றும் ஊதா. மற்ற அனைத்து நிழல்களும் இந்த வண்ணங்களை ஒருவருக்கொருவர் கலப்பதன் மூலம் பெறப்படுகின்றன, அதே போல் கருப்பு மற்றும் வெள்ளை.
வண்ண சக்கரத்தைக் காண்பிக்க மூன்று முக்கிய வழிகள் உள்ளன, இருப்பினும் அவை அடிப்படையில் ஒரே மாதிரியானவை.
குளிர் நிறங்களின் அடிப்படையானது ஒரு நீல நிறத்தின் கீழ் உள்ளது. ஒரு நிறத்தைப் பார்க்கும்போது, நீலம், சாம்பல் அல்லது - இந்த நிழல் குளிர்ச்சியானது - அதன் மூலம் பிரகாசிக்கிறது என்று நீங்கள் கற்பனை செய்யலாம்.
குளிர் நிழல்கள்:
- அடர் சிவப்பு;
- கொச்சினல்;
- கருஞ்சிவப்பு;
- அலிசரின்;
- கருஞ்சிவப்பு;
- கார்டினல்;
- மெஜந்தா;
- கத்திரிக்காய்;
- விஸ்டேரியா;
- சிட்ரிக்;
- டாப்;
- ஜேட்;
- அக்வாமரைன்;
- இண்டிகோ;
- பிரஷ்யன் நீலம்;
- கிரிட்பர்லெப்ட்;
- ஆந்த்ராசைட்;
- மாரெங்கோ.
வண்ணங்களின் சூடான நிழல்கள்
பல நிழல்களின் கருத்து அருகிலுள்ள வண்ணங்களைப் பொறுத்தது என்பதை நினைவில் கொள்ள வேண்டும். "ஒப்பீடு மூலம் எல்லாம் அறியப்படுகிறது" என்ற வெளிப்பாடு வண்ண வெப்பநிலைக்கு மிகவும் பொருத்தமானது. அதே வெப்பநிலை அளவிலான நிழல்களில் கூட, நீங்கள் வெப்பமான மற்றும் குளிர்ந்த நிழல்களைக் காணலாம். நிழல்களை ஒப்பிடுவதற்கான எளிதான வழி நடுநிலை (உதாரணமாக, வெள்ளை). வண்ணத்தின் சூடான நிழல்கள் மஞ்சள், சிவப்பு அல்லது இளஞ்சிவப்பு ஒரு "ஒளிர்வு" கொண்டிருக்கும்.
இவற்றில் அடங்கும்:
கூடுதலாக, நடுநிலை நிறங்கள் என்று அழைக்கப்படுபவை உள்ளன:
வண்ணங்கள் மற்றும் நிழல்களின் சரியான கலவைக்கு, குளிர்ச்சியிலிருந்து சூடான டோன்களை வேறுபடுத்தி அறிய நீங்கள் கற்றுக்கொள்ள வேண்டும். வண்ண கலவைகளை உருவாக்க மூன்று வழிகள் உள்ளன.
அவற்றில் முதலாவது, ஒரே நிறத்தின் பல நிழல்கள் தேர்ந்தெடுக்கப்படுகின்றன. இந்த முறை விவேகமான, நேர்த்தியான குழுமங்களை உருவாக்க ஏற்றது.
இரண்டாவதாக, அருகிலுள்ள வண்ணங்கள் (வண்ண சக்கரத்தில் ஒருவருக்கொருவர் அடுத்ததாக அமைந்துள்ளன) இணைக்கப்படுகின்றன.
மூன்றாவது முறை நிரப்பு வண்ணங்களைப் பயன்படுத்துகிறது (வண்ண சக்கரத்தின் எதிர் பாகங்களில் அமைந்துள்ளது). இந்த வழியில், மிகவும் கவர்ச்சியான, பயனுள்ள கலவைகள் பெறப்படுகின்றன.
நீங்கள் பார்க்க முடியும் என, சூடான மற்றும் குளிர் நிறங்கள் மற்றும் நிழல்களுக்கு இடையில் வேறுபடுத்திக் கற்றுக்கொள்வது இன்னும் மதிப்புக்குரியது, ஆனால் டஜன் கணக்கான டோன்கள் மற்றும் ஹால்ஃபோன்களின் பெயர்களை மனப்பாடம் செய்வது அவசியமில்லை. நீங்கள் ஒரு ஒப்பனையாளர் அல்லது வடிவமைப்பாளராக இருந்தாலும், வண்ணங்களை தொடர்ந்து மனதில் வைத்திருப்பதை விட, பல வண்ணத் தட்டுகளை உங்களுடன் எடுத்துச் செல்வது எளிதாக இருக்கும். கூடுதலாக, இந்திய சிவப்பு, சால்மன் மற்றும் வெளிர் பவளம் ஆகியவற்றுக்கு இடையேயான வித்தியாசத்தை விளக்க முயற்சிப்பதை விட வண்ணத்தின் உதாரணத்தைக் காண்பிப்பது மிகவும் எளிதானது.
வணக்கம், வலைப்பதிவு தளத்தின் அன்பான வாசகர்கள். “” பகுதியில் தொடர்ந்து கட்டுரைகளை வெளியிடுகிறேன். இன்று நான் HTML மற்றும் CSS குறியீட்டில் உள்ள வண்ணங்களைப் பற்றி பேச விரும்புகிறேன், அவற்றை எவ்வாறு அமைக்கலாம், அவை எவ்வாறு உருவாகின்றன, விரும்பிய வண்ணத்தைத் தேட அல்லது பிடிக்க இதற்கென பிரத்யேகமாக வடிவமைக்கப்பட்ட நிரல்களை எவ்வாறு பயன்படுத்துவது என்பதை இன்னும் அறியாதவர்களுக்கு விளக்க விரும்புகிறேன். இன்னும் அதிகம்.
இணைய ஆவணத்தில் கொடுக்கப்பட்டுள்ள குறியீடுகள் முற்றிலும் தெளிவாக இல்லாதபோது (உதாரணமாக, #f3af6c) மற்றும் இந்தத் தகவலை எப்படி, எங்கு பெறுவது என்பது தெளிவாகத் தெரியாதபோது, புதிய வெப்மாஸ்டர்களுக்கு விரும்பிய நிழலைக் குறிப்பிடுவது மிகவும் பொருத்தமானதாக இருக்கும். Html ஐக் கண்டுபிடி மற்றும் CSS நிறங்கள்), மற்றும் ஒரு வலை ஆவணத்தின் உரை அல்லது வேறு ஏதேனும் தொகுதியை வடிவமைக்க அவற்றை எவ்வாறு பயன்படுத்துவது.
இல் பயன்படுத்தப்படும் அடிப்படைக் கொள்கைகளை நாங்கள் ஏற்கனவே அறிந்திருக்கிறோம் என்பதை நினைவூட்டுகிறேன். நாங்கள் ஏற்கனவே குறிச்சொற்களைப் பார்த்து கற்றுக்கொண்டோம், நிறைய கற்றுக்கொண்டோம் மற்றும் எப்படி.
அடிப்படை RGB வண்ணங்களின் குறியீடுகள் மற்றும் அட்டவணை
ஹைபர்டெக்ஸ்ட் மார்க்அப் மொழி மற்றும் அடுக்கு நடை தாள்களில் ஆவணங்களை வண்ணமயமாக்குவது சாத்தியம் என்பது மிகவும் தர்க்கரீதியானது, ஏனெனில் இல்லையெனில்தளங்கள் மிகவும் சலிப்பாகவும் அதே வகையாகவும் இருக்கும். இதைச் செய்ய, அவர்கள் வழக்கமாக RGB எனப்படும் மாதிரியைப் பயன்படுத்துகிறார்கள் (சிவப்பு, பச்சை மற்றும் நீலத்திற்கான மூன்று ஆங்கில வார்த்தைகளிலிருந்து பெறப்பட்ட சுருக்கம்).
RGB மாதிரியில்மூன்று வண்ணங்கள் மட்டுமே பயன்படுத்தப்படுகின்றன (இவை சிவப்பு, பச்சை மற்றும் நீலம் என்பது தெளிவாகிறது), ஒவ்வொன்றும் குறிப்பிடப்படலாம் வெவ்வேறு நிலைகள்பிரகாசத்தின் பிரகாசம். ஒவ்வொரு சேனலுக்கும் (சிவப்பு, பச்சை மற்றும் நீலம்), நீங்கள் 256 சாத்தியமான பிரகாச நிலைகளில் ஒன்றைத் தேர்ந்தெடுக்கலாம். 256 என்ற எண் எடுக்கப்பட்டது, ஏனெனில் பல நிழல் மதிப்புகள் ஒரு பைட் தகவலில் குறியாக்கம் செய்யப்படலாம்.
அதன்படி, எங்கள் வலை ஆவணத்திற்கு, சாத்தியமான ஏராளமானவற்றிலிருந்து (256*256*256) எந்த நிழலையும் தேர்வு செய்யலாம். எடுத்துக்காட்டாக, கருப்பு நிறத்தைப் பெற, வண்ணத் திட்டத்தின் மூன்று சேனல்களும் பூஜ்ஜியத்தின் பிரகாச மதிப்பைக் கொண்டிருக்க வேண்டும், மேலும் வெள்ளை, சிவப்பு, பச்சை மற்றும் நீலத்தைப் பெற அதிகபட்ச பிரகாசம் இருக்க வேண்டும்.
ஒவ்வொரு சேனலிலும் பிரகாசத்தை எவ்வாறு அமைப்பது மற்றும் இதற்கு எத்தனை சாத்தியக்கூறுகள் உள்ளன என்பதை இப்போது கண்டுபிடிக்க முயற்சிப்போம்?
உண்மையில், உள்ளது இரண்டு முக்கிய வழிகள்:
- ஒவ்வொரு சேனலுக்கும் (சிவப்பு, பச்சை மற்றும் நீலம்) பிரகாசத்தை ஹெக்ஸாடெசிமல் குறியீட்டில் பதிவு செய்வதன் மூலம் அமைக்கவும்
- வலை ஆவணக் குறியீட்டில் வண்ணப் பெயரை உள்ளிடுவதன் மூலம் பணி
சிக்கலானவற்றுடன் தொடங்குவோம் மற்றும் ஹெக்ஸாடெசிமல் குறியீட்டில் வண்ணங்களை எவ்வாறு எழுதுவது என்பதைக் கண்டுபிடிக்க முயற்சிப்போம். உதாரணமாக, தசம அமைப்பில் வெள்ளைக்கான குறியீட்டை எழுத விரும்பினால், 256 256 256 குறியீட்டைப் பெறுவோம், மேலும் கருப்பு - 0 0 0. இங்கே, அநேகமாக, எல்லாம் தெளிவாக உள்ளது.
ஆனால் ஹெக்ஸாடெசிமல் எண் அமைப்பில், அரபு எண்களைத் தவிர, லத்தீன் எழுத்துக்களின் முதல் ஆறு எழுத்துக்களும் பயன்படுத்தப்படுகின்றன, மேலும் எண்களை உருவாக்குவதில் அதன் சொந்த தனித்தன்மை உள்ளது. இதை இன்னும் ஆழமாகச் செல்வது மதிப்புக்குரியது என்று நான் நினைக்கவில்லை, ஆனால் Html க்கு வெள்ளை நிறத்தை இப்படி அமைக்கலாம் என்று நான் கூறுவேன்: #ffffff, மற்றும் கருப்பு: #000000. அந்த. 00 என்பது தசம குறியீட்டில் 0 ஐ ஒத்துள்ளது, மற்றும் ff 256 ஐ ஒத்துள்ளது.
அந்த. ஒரு சேனலுக்கு RGB நிறங்கள் CSS குறியீடு இரண்டு ஹெக்ஸாடெசிமல் இலக்கங்களை அனுமதிக்கிறது, எனவே வண்ண மதிப்பு உள்ளீடுகள் ஆறு இலக்கங்களைக் கொண்டிருக்கும் (அல்லது ஹெக்ஸாடெசிமலில் உள்ள இலக்கங்களுக்குச் சமமான எழுத்துக்கள்), அதற்கு முன் "#" என்ற ஹாஷ் குறி இருக்கும். இது மிகவும் எளிமையானது.
எடுத்துக்காட்டாக, எளிமையான நிழல்களுக்கு கீழே உள்ள அட்டவணையில், அவற்றின் ஹெக்ஸாடெசிமல் உள்ளீடுகள் இப்படி இருக்கும்:
இயற்கையாகவே, உங்கள் இணைய திட்டத்தில் நீங்கள் பார்க்க விரும்பும் ஹெக்ஸாடெசிமல் நிழல் குறியீடுகளை கொண்டு வந்து ஒப்பிட வேண்டிய கட்டாயம் உங்களுக்கு இல்லை. நீங்கள் எந்த கிராஃபிக் எடிட்டரிலும் (இல் கூட) தளத்திற்கான வண்ணங்களைத் தேர்ந்தெடுக்கலாம், அங்கு அவர்கள் நிச்சயமாக RGB வடிவத்தில் இந்த நிழலின் பதிவை உங்களுக்குக் காண்பிக்கும் அல்லது Html வண்ணங்களின் அட்டவணையைக் கண்டுபிடித்து உங்களுக்குத் தேவையான குறியீட்டை நகலெடுக்கலாம்.
Yandex நிறங்கள் - Yandex முடிவுகளில் RGB நிழல் தட்டு தேர்வு
இந்த நோக்கத்திற்காக அதைப் பயன்படுத்த விரும்பவில்லை வரைகலை ஆசிரியர்அல்லது குறியீடுகளைக் கொண்ட அட்டவணையைத் தேடுகிறீர்களா? பிரச்சனை இல்லை. இந்தப் பக்கத்தை சிறிது கீழே ஸ்க்ரோல் செய்யுங்கள், மேலும் Html அல்லது CSS குறியீட்டில் வண்ணத்துடன் பணிபுரிய குறிப்பிட்ட மற்றும் வடிவமைக்கப்பட்ட பல நிரல்களை நீங்கள் காணலாம்.
இது உங்களுக்குப் பொருந்தவில்லை என்றால், அதைத் திறந்து தேடல் பட்டியில் உள்ளிடவும் அந்த நிழலின் பெயருடன் கோரிக்கை, நீங்கள் ஆர்வமாக உள்ளீர்கள் (நீங்கள் வெறுமனே உள்ளிடலாம் என்றாலும்: சாம்பல்-பழுப்பு-ராஸ்பெர்ரி).
இதன் விளைவாக, தேடல் முடிவுகளின் உச்சியில், உங்கள் தளத்திற்கான வண்ணங்களைத் தேர்ந்தெடுப்பதற்கு மிகவும் வசதியான Yandex.Colors தட்டு-அட்டவணையைக் காண்பீர்கள். இந்தத் தட்டின் கீழ் வலது மூலையில் உங்களுக்குத் தேவையான நிழலின் ஹெக்ஸாடெசிமல் குறியீட்டை நகலெடுக்கலாம் (அதன் முன் ஒரு ஹாஷ் குறி உள்ளது), அதை நீங்கள் உங்கள் வலை ஆவணத்தில் சரியான இடத்தில் ஒட்ட வேண்டும்.
தளவமைப்பு வடிவமைப்பாளர்கள் மற்றும் வடிவமைப்பாளர்களுக்கு உதவுவதற்காக வடிவமைக்கப்பட்ட இது என்று அழைக்கப்படுவதற்கு நன்றி.
உங்களால் முடியும் Yandex தேடல் பட்டியில் வண்ணத்தை அமைக்கவும், அதன் பெயரின் வடிவத்திலும் குறியீட்டின் வடிவத்திலும் - இதன் விளைவாக, அது திரையில் எப்படி இருக்கும் என்பதை நீங்கள் காண்பீர்கள், தேவைப்பட்டால், அதன் ஹெக்ஸாடெசிமல் குறியீட்டைப் பெறலாம்.
உண்மையில், இந்த கருவி பயனுள்ளதாக இருக்கும் சாதாரண பயனர்கள்இணையம், எடுத்துக்காட்டாக, வெள்ளி-பழுப்பு-ராஸ்பெர்ரி-ஸ்பெக்கிள் நிழலில் உள்ள தளபாடங்கள் எப்படி இருக்கும் என்பதைப் புரிந்துகொள்வதற்காக. இந்த யாண்டெக்ஸ் மந்திரவாதியைப் பயன்படுத்துவது பற்றிய வீடியோவையும் நீங்கள் பார்க்கலாம்:
ஹைபர்டெக்ஸ்ட் மார்க்அப் மொழியில் சில வண்ணங்கள் வார்த்தைகளைப் பயன்படுத்தி குறிப்பிடலாம்எடுத்துக்காட்டாக, "கருப்பு" என்றால் கருப்பு, "வெள்ளை" என்றால் வெள்ளை, முதலியன. ஆனால் ஒரு எச்சரிக்கை உள்ளது. எனவே, வண்ணத்தை அமைப்பது ஒரு குறிப்பிட்ட எண்ணிக்கையிலானவர்களுக்கு மட்டுமே சாத்தியமாகும்.
சரி, முதலில், எந்த அட்டவணையிலும் உள்ள சொற்களைப் பயன்படுத்தி RGB திட்டத்தில் சாத்தியமான அனைத்து 16 மில்லியன் நிழல்களையும் நீங்கள் பிரதிநிதித்துவப்படுத்த முடியாது என்பது தெளிவாகத் தெரிகிறது (அதன் மூலம் ஸ்க்ரோலிங் செய்வதில் நீங்கள் சோர்வடைவீர்கள்).
இரண்டாவதாக, ஹைப்பர்டெக்ஸ்ட் மார்க்அப் லாங்குவேஜ் விவரக்குறிப்பு 4.01க்கான W3C வேலிடேட்டரில் (அனைவராலும் முழுமையாக ஆதரிக்கப்படுகிறது சாத்தியமான உலாவிகள்இந்த நேரத்தில்) 16 வண்ணங்கள் மட்டுமே வரையறுக்கப்பட்டுள்ளன, இது வார்த்தைகளுடன் Html அல்லது CSS குறியீட்டில் குறிப்பிடப்படலாம்:
குறியீட்டில் வார்த்தைகளில் குறிப்பிடக்கூடிய மிகவும் விரிவான நிழல் அட்டவணைகளை நீங்கள் காணலாம், ஆனால் சில உலாவிகளில் இந்த நிறம் சரியாகக் காட்டப்படாது.
எனவே, மேலே கொடுக்கப்பட்ட 16 அடிப்படை நிழல்களின் அட்டவணைக்கு கூடுதலாக, மற்ற அனைத்து வண்ணங்களும் குறியீட்டில் குறிப்பிடப்பட வேண்டும். இணைய ஆவணங்கள்தேவையற்ற அதிகப்படியானவற்றைத் தவிர்ப்பதற்காக ஹெக்ஸாடெசிமல் குறியீட்டை மட்டுமே பயன்படுத்துகிறது.
வெப்மாஸ்டரிங்கில் வண்ணக் குறியீடுகள் மற்றும் பெயர்களைப் பயன்படுத்துதல்
அன்று இந்த நேரத்தில்அனைத்து வெளிப்புற வடிவமைப்பு இணைய பக்கங்கள் CSS க்கு விட்டு (கேஸ்கேடிங் ஸ்டைல் ஷீட்கள்) மற்றும் வண்ணக் குறியீட்டை நேரடியாக Html இல் குறிப்பிடுவது மிகவும் அரிதானது, ஆனால் இன்னும் நிகழ்கிறது. கூடுதலாக, ஒரு காரணத்திற்காக அல்லது இன்னொரு காரணத்திற்காக வெளிப்புற அட்டவணையைப் பயன்படுத்த முடியாத சூழ்நிலைகள் உள்ளன. CSS பாணிகள்(எடுத்துக்காட்டாக, ஒரு வெளியீட்டை உருவாக்கும் விஷயத்தில்).
எனவே, Html இல் வண்ணங்களை அமைப்பதற்கான ஒரு உதாரணத்தை நான் இன்னும் தருகிறேன், இருப்பினும் இந்த விஷயத்தில் அவை ஏற்கனவே பயன்படுத்தப்படும் குறிச்சொற்கள் W3C வேலிடேட்டரால் பரிந்துரைக்கப்படவில்லை. எடுத்துக்காட்டாக, முன்பு பின்னணிக்கான வண்ணம் “BODY” குறிச்சொல்லில் “bgcolor” பண்புக்கூறின் மூலம் அமைக்கப்பட்டது, மேலும் “உரை” பண்புக்கூறைப் பயன்படுத்தி முழு வலைப்பக்கத்திலும் உரை உடனடியாக வண்ணமயமாக்கப்பட்டது.
இந்த வழக்கில் தேவையான நிழல்களை அமைப்பது, எடுத்துக்காட்டாக, இது போன்றது:
ஆவணத்தின் உள்ளடக்கம்
இதன் விளைவாக பழுப்பு நிற பின்னணி மற்றும் அடர் நீல எழுத்துரு கொண்ட வலைப்பக்கமாகும். CSS பயன்பாட்டிற்கு வருவதற்கு முன்பு, உரையின் எந்தவொரு தனிப் பிரிவின் எழுத்துரு நிறத்தையும் மாற்ற, W3C வேலிடேட்டரால் பரிந்துரைக்கப்படாத “FONT” குறிச்சொல் பரவலாகப் பயன்படுத்தப்பட்டது, இதில் அதே பெயரின் “வண்ணம்” பண்புக்கூறு சேர்க்கப்பட்டது. வண்ணத்தை அமைக்கவும்:
நீல நிறத்தில் இருக்க வேண்டிய உரையின் பகுதி
திரையில் எழுதப்பட்ட குறியீட்டின் முடிவைக் காண, இந்த கோப்பை html நீட்டிப்புடன் சேமிக்க வேண்டும், பின்னர் உங்களுக்கு வசதியான எந்த உலாவியிலும் திறக்கவும்.
இப்போது, உங்கள் தளத்தின் தளவமைப்பு செல்லுபடியாகும் எனக் கருதப்பட, பரிந்துரைக்கப்படுகிறது அடுக்கு நடை தாளில் உறுப்புகளின் வண்ணங்களை அமைக்கவும்பொருத்தமான விதிகள் மற்றும் பண்புகள் மூலம். CSS இல் அத்தகைய செருகுவதற்கான விதிகள் மேலே விவரிக்கப்பட்டவற்றிலிருந்து வேறுபட்டவை அல்ல.
நீங்கள் பார்க்கிறபடி, சில நேரங்களில் சாயல் குறியீட்டைக் குறைக்க, ஆறு எழுத்துக்கள் பயன்படுத்தப்படவில்லை, ஆனால் மூன்று மட்டுமே, அவை ஒவ்வொரு சேனலுக்கும் பொருந்தினால் - “#66с00” என்பதற்குப் பதிலாக “#6с0”.
ஒரு சிறப்பு நிரலின் தட்டிலிருந்து ஒரு வண்ணத்தைத் தேர்ந்தெடுக்கவும் அல்லது திரையில் இருந்து அதைப் பிடிக்கவும்
நான் மேலே எழுதியது போல், RGB (சிவப்பு, பச்சை, நீலம்) வண்ணத் திட்டம் எல்லா இடங்களிலும் பயன்படுத்தப்படுகிறது. மூன்று முக்கிய வண்ணங்களில் ஒவ்வொன்றிற்கும், 256 தரநிலைகள் உள்ளன - 0 முதல் 255 வரை (இந்த மதிப்புகளை ஹெக்ஸாடெசிமல் எண் அமைப்புக்கு மாற்றினால், நாம் பெறுவோம் - 00 முதல் FF வரை).
ஏனெனில் எங்களிடம் மூன்று முக்கிய வண்ணங்கள் உள்ளன, அவற்றின் கலவையிலிருந்து மற்ற அனைத்து நிழல்களும் உருவாகின்றன, பின்னர் ஹெக்ஸாடெசிமல் குறியீடு இப்படி இருக்கும்: 99FF66 (பச்சை நிழல்). அதற்கு முன்னால் # ஐச் சேர்ப்பதன் மூலம், #99FF66 குறியீட்டைப் பெறுகிறோம், இது Html மற்றும் பாணி கோப்புகளில் பயன்படுத்தப்படலாம். இந்த முட்டாள்தனத்தை நீங்களே கண்டுபிடித்து நினைவில் வைத்திருக்க வேண்டியதில்லை என்று சொல்லாமல் போகிறது.
இதற்கு நீங்கள் பயன்படுத்தலாம் சிறப்பு திட்டம், தட்டில் விரும்பிய நிழலைத் தேர்ந்தெடுக்க உங்களை அனுமதிக்கிறது (அல்லது அதை திரையில் இருந்து பிடிக்கவும்பைப்பெட் போன்ற கருவி) உடனடியாக அதன் குறியீட்டைப் பெறவும். உங்களிடம் ஒரு நிரல் இருக்க வேண்டியதில்லை, ஆனால் யாண்டெக்ஸுக்குச் சென்று வினவல் பட்டியில் எந்த நிறத்தின் பெயரையும் தட்டச்சு செய்யவும் (நான் இதைப் பற்றி மேலே எழுதியுள்ளேன்).
இவை அனைத்தையும் முழுமையாக செயல்படுத்த உங்களை அனுமதிக்கும் நிரல்களின் பட்டியல் இங்கே:
உங்களுக்கு நல்ல அதிர்ஷ்டம்! வலைப்பதிவு தளத்தின் பக்கங்களில் விரைவில் சந்திப்போம்
நீங்கள் ஆர்வமாக இருக்கலாம்
Html குறியீட்டில் உள்ள பட்டியல்கள் - UL, OL, LI மற்றும் DL குறிச்சொற்கள்
HTML இல் ஒரு இணைப்பையும் படத்தையும் (புகைப்படம்) எவ்வாறு செருகுவது - IMG குறிச்சொற்கள்மற்றும் ஏ
ஒரு ஹைப்பர்லிங்கை உருவாக்குவது எப்படி (A, Href, Target blank), அதை தளத்தில் ஒரு புதிய சாளரத்தில் திறப்பது எப்படி, மேலும் Html குறியீட்டில் ஒரு படத்தை இணைப்பாக மாற்றுவது எப்படி
எழுத்துரு (முகம், அளவு மற்றும் நிறம்), பிளாக்கோட் மற்றும் முன் குறிச்சொற்கள் - தூய HTML இல் மரபு உரை வடிவமைப்பு (இல்லாதது CSS ஐப் பயன்படுத்துகிறது)
Html இல் உள்ள அட்டவணைகள் - அட்டவணை, Tr மற்றும் Td குறிச்சொற்கள், அத்துடன் அவற்றை உருவாக்குவதற்கான Colspan, Cellpadding, Cellspacing மற்றும் Rowspan
HTML படிவங்கள்தளத்திற்கான - குறிச்சொற்கள் படிவம், உள்ளீடு மற்றும் தேர்ந்தெடு, விருப்பம், Textarea, லேபிள் மற்றும் இணைய படிவ கூறுகளை உருவாக்குவதற்கான பிற கீழ்தோன்றும் பட்டியல்கள் மற்றும் உரைப் புலங்களின் வடிவத்திற்குத் தேர்ந்தெடு, விருப்பம், Textarea, Label, Fieldset, Legend - Html குறிச்சொற்கள்
Img- HTML குறிச்சொல்ஒரு படத்தைச் செருகுவதற்கு (Src), அதைச் சுற்றி உரையை சீரமைத்தல் மற்றும் சுற்றுதல் (சீரமைத்தல்), அத்துடன் பின்னணி (பின்னணி)
கருத்து வழிகாட்டுதல்கள் மற்றும் Html குறியீட்டில் டாக்டைப், அத்துடன் தொகுதி மற்றும் இன்லைன் கூறுகளின் கருத்து (குறிச்சொற்கள்)
ஹைப்பர்டெக்ஸ்ட் மார்க்அப் மொழி Html என்றால் என்ன மற்றும் W3C வேலிடேட்டரில் உள்ள அனைத்து குறிச்சொற்களின் பட்டியலை எவ்வாறு பார்ப்பது
வைட்ஸ்பேஸ் எழுத்துக்கள் மற்றும் Html இல் குறியீட்டின் வடிவமைத்தல், அத்துடன் சிறப்பு உடைக்காத இட எழுத்துக்கள் மற்றும் பிற நினைவூட்டல்கள்
CSS வண்ணத் தொகுதியானது, html உறுப்புகளின் நிறங்கள் மற்றும் ஒளிபுகாநிலையையும், வண்ணச் சொத்தின் மதிப்புகளையும் வரையறுக்க ஆசிரியர்களை அனுமதிக்கும் மதிப்புகளை விவரிக்கிறது.
வண்ண சொத்து
1. முன்னுரிமை நிறங்கள்: வண்ண சொத்து
பண்பு பயன்படுத்தி எழுத்துரு நிறத்தை அமைக்கிறது பல்வேறு அமைப்புகள்வண்ண விளக்கக்காட்சி. உறுப்பின் உரை உள்ளடக்கத்தின் நிறத்தை சொத்து விவரிக்கிறது. கூடுதலாக, வண்ண மதிப்புகளை ஏற்றுக்கொள்ளும் பிற பண்புகளுக்கு சாத்தியமான மறைமுக மதிப்பை (தற்போதைய வண்ணம்) வழங்க இது பயன்படுகிறது.
சொத்து பரம்பரை.
2. வண்ண மதிப்புகள்
2.1 முக்கிய வார்த்தைகள்
முக்கிய வார்த்தைகளின் பட்டியலில் பின்வரும் அர்த்தங்கள் உள்ளன:
பெயர் | ஹெக்ஸ் | RGB | நிறம் |
---|---|---|---|
கருப்பு | #000000 | 0,0,0 | |
வெள்ளி | #C0C0C0 | 192,192,192 | |
சாம்பல் | #808080 | 128,128,128 | |
வெள்ளை | #FFFFFF | 255,255,255 | |
மெரூன் | #800000 | 128,0,0 | |
சிவப்பு | #FF0000 | 255,0,0 | |
ஊதா | #800080 | 128,0,128 | |
ஃபுச்சியா | #FF00FF | 255,0,255 | |
பச்சை | #008000 | 0,128,0 | |
சுண்ணாம்பு | #00FF00 | 0,255,0 | |
ஆலிவ் | #808000 | 128,128,0 | |
மஞ்சள் | #FFFF00 | 255,255,0 | |
கடற்படை | #000080 | 0,0,128 | |
நீலம் | #0000FF | 0,0,255 | |
டீல் | #008080 | 0,128,128 | |
அக்வா | #00FFFF | 0,255,255 |
வண்ணப் பெயர்கள் கேஸ் சென்சிடிவ் அல்ல.
தொடரியல்
நிறம்: டீல்;
2.2 எண் வண்ண மதிப்புகள்
2.2.1. RGB மாதிரி நிறங்கள்
RGB மதிப்பின் ஹெக்ஸாடெசிமல் வடிவம் # குறியீடாகும், அதைத் தொடர்ந்து மூன்று அல்லது ஆறு ஹெக்ஸாடெசிமல் எழுத்துக்கள். #rgb என்ற மூன்று இலக்க RGB குறியீடானது பூஜ்ஜியங்களைச் சேர்ப்பதற்குப் பதிலாக இலக்கங்களை நகலெடுப்பதன் மூலம் #rrggbb என்ற ஆறு இலக்க வடிவமாக மாற்றப்படுகிறது. எடுத்துக்காட்டாக, #fb0 #ffbb00 ஆக விரிவடைகிறது. குறுகிய #fff உள்ளீட்டில் வெள்ளை #ffffff குறிப்பிடப்படுவதை இது உறுதிசெய்கிறது, மேலும் காட்சி வண்ண ஆழத்தில் உள்ள சார்புகளை நீக்குகிறது.
செயல்பாட்டுக் குறியீட்டில் உள்ள RGB மதிப்பின் வடிவம் rgb ஆகும் (கமாவால் பிரிக்கப்பட்ட மூன்று எண் மதிப்புகளின் பட்டியல் (மூன்று முழு எண் மதிப்புகள் அல்லது மூன்று சதவீத மதிப்புகள்) அதைத் தொடர்ந்து ஒரு சின்னம்). முழு எண் மதிப்பு 255 ஆனது ஹெக்ஸாடெசிமல் குறியீட்டில் 100% மற்றும் F அல்லது FF ஐ ஒத்துள்ளது:
Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
எண் மதிப்புகளைச் சுற்றி விண்வெளி எழுத்துகள் அனுமதிக்கப்படுகின்றன.