டர்க்கைஸ் கலர் rgb குறியீடு. HTML பயிற்சி. RGB நிறங்கள். பாதுகாப்பான தட்டு வண்ணங்கள்
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 |
நிறங்களைக் குறிப்பிட ஹெக்ஸாடெசிமல் எண்கள் பயன்படுத்தப்படுகின்றன. ஹெக்ஸாடெசிமல் அமைப்பு, தசம அமைப்பைப் போலன்றி, அதன் பெயர் குறிப்பிடுவது போல, எண் 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 எனக் கருதப்பட வேண்டும்.
பெயரால்
இன்டர்நெட் எக்ஸ்புளோரர் | குரோம் | ஓபரா | சஃபாரி | பயர்பாக்ஸ் | அண்ட்ராய்டு | iOS |
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 ஐப் பயன்படுத்துகிறது
இன்டர்நெட் எக்ஸ்புளோரர் | குரோம் | ஓபரா | சஃபாரி | பயர்பாக்ஸ் | அண்ட்ராய்டு | iOS |
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%).
RGBA
இன்டர்நெட் எக்ஸ்புளோரர் | குரோம் | ஓபரா | சஃபாரி | பயர்பாக்ஸ் | அண்ட்ராய்டு | iOS |
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 வடிவமைப்பில் உள்ள வண்ணம் சரிபார்க்கப்பட்டது, ஆனால் பின்புல சொத்தில் சேர்க்கப்பட்ட ஒன்று செல்லுபடியாகாது. அதே நேரத்தில், உலாவிகள் இரண்டு பண்புகளின் நிறத்தையும் சரியாகப் புரிந்துகொள்கின்றன.
எச்.எஸ்.எல்
இன்டர்நெட் எக்ஸ்புளோரர் | குரோம் | ஓபரா | சஃபாரி | பயர்பாக்ஸ் | அண்ட்ராய்டு | iOS |
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% தீவிர மதிப்புகள் கருப்பு மற்றும் வெள்ளைக்கு ஒத்திருக்கும்.
எச்.எஸ்.எல்.ஏ
இன்டர்நெட் எக்ஸ்புளோரர் | குரோம் | ஓபரா | சஃபாரி | பயர்பாக்ஸ் | அண்ட்ராய்டு | iOS |
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 ஆக அமைக்கப்பட்டுள்ளது. எண்ணுக்கு முன்னால் உள்ள ஹாஷ் குறியீடு # என்பது ஹெக்ஸாடெசிமல் என்று பொருள். முதல் இரண்டு இலக்கங்கள் (FA) நிறத்தின் சிவப்பு கூறுகளை வரையறுக்கின்றன, மூன்றாவது முதல் நான்காவது இலக்கங்கள் (8E) பச்சை கூறுகளை வரையறுக்கின்றன, கடைசி இரண்டு இலக்கங்கள் (47) நீல கூறுகளை வரையறுக்கின்றன. இறுதி முடிவு இந்த நிறமாக இருக்கும்.
எஃப்.ஏ. | + | 8E | + | 47 | = | FA8E47 |
மூன்று வண்ணங்களில் ஒவ்வொன்றும் - சிவப்பு, பச்சை மற்றும் நீலம் - 00 முதல் FF வரையிலான மதிப்புகளை எடுக்கலாம், இதன் விளைவாக மொத்தம் 256 நிழல்கள் கிடைக்கும். இவ்வாறு, நிறங்களின் மொத்த எண்ணிக்கை 256x256x256 = 16,777,216 சேர்க்கைகளாக இருக்கலாம். சிவப்பு, பச்சை மற்றும் நீல கூறுகளை அடிப்படையாகக் கொண்ட ஒரு வண்ண மாதிரி RGB (சிவப்பு, பச்சை, நீலம்; சிவப்பு, பச்சை, நீலம்) என்று அழைக்கப்படுகிறது. இந்த மாதிரியானது சேர்க்கையானது (சேர் - சேர்விலிருந்து), இதில் மூன்று கூறுகளின் சேர்க்கை வெள்ளை நிறத்தை உருவாக்குகிறது.
ஹெக்ஸாடெசிமல் வண்ணங்களை எளிதாக்குவதற்கு, சில விதிகளை கணக்கில் எடுத்துக்கொள்ளுங்கள்.
- வண்ண கூறுகளின் மதிப்புகள் ஒரே மாதிரியாக இருந்தால் (உதாரணமாக: #D6D6D6), அதன் விளைவாக சாம்பல் நிறமாக இருக்கும். அதிக எண்ணிக்கை, இலகுவான நிறம், மதிப்புகள் #000000 (கருப்பு) முதல் #FFFFFF (வெள்ளை) வரை இருக்கும்.
- சிவப்பு கூறு அதிகபட்சமாக (FF) செய்யப்பட்டு மீதமுள்ள கூறுகள் பூஜ்ஜியமாக அமைக்கப்பட்டால் பிரகாசமான சிவப்பு நிறம் உருவாகிறது. #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 க்கு அமைக்கப்பட்டுள்ளது.