இணையவலை வடிவமைப்பு

CSS வண்ண பண்புகள். வண்ண குறியீடுகள்

கருவிகள் ஒன்று வலைப்பக்கத்தில் பாணியை மாற்ற - CSS வண்ண. இந்த அமைப்பை மாற்ற பல வழிகள் உள்ளன. ஒவ்வொரு நன்மைகளும் குறைபாடுகளும் இரண்டும் உடையதாகும்.

பெயர்

வண்ண சொத்து உருப்படியை நிறம் அமைக்கிறது. பட்டங்களை 145 நிழல்கள் CSS சேர்க்கப்பட்டுள்ளது. இவர்களில் (போன்ற சிவப்பு, lawngreen) மற்றும் காம்ப்ளெக்ஸ் (கருப்பு, நீலம் போன்ற) எளிய உள்ளன.

நினைவில் கடினமாக முழு பட்டியலில் ஏனெனில், பாணி தாளின் பெயரைக் அரிதாக பயன்படுத்தப்படுகின்றன.

ஆர்ஜிபி

தொலைக்காட்சிகள் பெரும்பாலான ஸ்மார்ட்போன்கள், திரைகள் இரண்டுமே RGB வண்ண மாதிரியின் வேலை. எந்த நிறம் சிவப்பு, பச்சை மற்றும் நீல இவை முதன்மை நிறங்கள், கலவையால் அமைக்க முடியும் உள்ளது. . மற்றொரு அணுகுமுறையும் இரண்டு சாதனங்களிலும் பயன்படுத்தப்படும், மற்றும் CSS இவை அதிகமாக நிகழ்கின்றன. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. நிறங்கள் அடிப்படை கலவை எண்ணம் மதிப்புகள் 0 முதல் 255 நிறங்களை பல 16777216 சமமாக இருக்கும் உள்ளன.

RGB (255, 255, 255) - ஆர்ஜிபி மாதிரி நேரடியாய் நிறம் இமேஜிங் உடல் சட்டங்கள் நெருங்கிய தொடர்புடையதாக இருக்கிறது என்பதால், கருப்பு RGB (0, 0, 0), வெள்ளை போன்ற அதில் குறிப்பிடப்பட்டுள்ளது. முற்றிலும் ஆல்பா சேனல் கூடுதலாக, ஆர்ஜிபி ஒத்த RGBA அமைப்பு. அது பின்னணி நிழல் கொண்டு கலப்புகளை இது ஊடுருவும் ஆகியவற்றைப் பாதிக்கின்றது. உறுப்பு இந்த படிவத்தில், "மூலக்கூறு" படி வேறுபடும்.

ஆனது

எப்படி வீட்டு ஒளி அமைப்பு, நீங்கள் ஒரு வண்ண சக்கரம் சமர்ப்பிக்க வேண்டும் புரிந்து கொள்ள. அதன் மையத்தில் சிவப்பு, பின்னர் (கடிகார) மற்ற அனைத்து வானவில் நிறங்கள் உள்ளது. цвета при помощи системы HLS требуется задать три параметра: வீட்டு ஒளி அமைப்பு பயன்படுத்தி CSS இல் நிறங்கள் தீர்மானிக்க மூன்று காரணிகள் தேவை:

  • சாயல் (டிகிரி) - வட்டம் மையத்தின் திசையில்;
  • செறிவு (சதவீதம்) - எவ்வளவு நிறம் உங்களுக்கு தேவையான;
  • பிரகாசம் (சதவீதம்).

உதாரணமாக, ஊதா போன்ற ஒரு வழியில் தீர்க்க முடியும்: HSL (315, 100%, 45%). ஆனது சோதனைகள் மிகவும் வசதியாக உள்ளது. ஆராய்ந்த பின்னர் வண்ண சக்கரம், நீங்கள் நடைதாளுடன் சுமார் குறிப்பிட்ட உறுப்பு அமைக்க என்ன நிறம் பிரதிநிதித்துவம் பார்த்துக்கொண்டிருக்கும் போது முடியும். HSLA - அதே வீட்டு ஒளி மட்டும் ஆல்ஃபா: HSL (0, 100%, 50, 0.6) - சிவப்பு, பாதிக்கு மேல் வெளிப்படையான சற்று.

எண்ம

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS இல், நீங்கள் போன்ற மதிப்பு # FF4500 தீர்மானிக்கப்படுகிறது ஆரஞ்சு, அறுபதின்ம பிரதிநிதித்துவத்தையும் நிறம் அமைக்க முடியும்.

என்ன அறுபதின்ம பிரதிநிதித்துவம் ஒரு நல்ல புரிதலுக்கு, மேலும் தசம அமைப்பு கருத்தில் கொள்ள வேண்டும். அது 0 9. எண் 9 அதிகமான எண்ணுவதில் தேவை, ஒரு பிட் சேர்க்கப்படும் போது இருந்து ஒரு எண், மேலும் அதற்குப் பிறகு 9 ஒரு அதை 10 மாறிவிடும், பின்னர் 100, மற்றும் பதினாறு அடி எண் குறியீட்டில் பல. ஈ அனைத்து அதே, ஆனால், பின்னர் B, அதனால் எஃப் மீது - தசம முறையில் 15 அதே. பின்னர் ஒரு இலக்கம் ஒன்றைச் சேர்க்கவும், அது வழக்கமான அடிப்படையில் 16 10 மாறிவிடும்.

ஆர்ஜிபி போலவே, எண்ம நிறங்கள் முதன்மை நிறங்கள் பயன்படுத்த என்ன விகிதாச்சாரத்தில் குறிக்க. (: # FFD500 நிறம்) இந்த வழக்கில், அவர்கள் பிரிக்கப்பட்ட இல்லை. ஒவ்வொரு இரண்டு எழுத்துக்கள் சிவப்பு, பச்சை மற்றும் நீல எண்ணிக்கை குறிப்பிடவும்.

CSS. ஒரு விதியாக, எண்ம அமைப்பு, சோதனைகள் போது பயன்படுத்தப்படும் இல்லை அது சரியான CSS வண்ண கண்டுபிடிக்க சாத்தியமற்றது என்பதால் உள்ளது. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. அட்டவணை இந்த விஷயத்தில் உதவ முடியும், ஆனால் நீங்கள் தொடர்ந்து அது பார்க்கவும் என்றால், வேலை தாமதமாகும். டெம்ப்ளேட் கிராபிக் ஆசிரியர் இருந்து பரிமாற்றம் நடக்கும் போது பதின்அறுமம் பிரதிநிதித்துவம் மிகவும் வசதியாக உள்ளது. அது மட்டும் ஒரு இலக்கம் மூன்று திருப்பங்களை விட நகல் மிகவும் எளிதாக உள்ளது.

எந்த வழி சிறந்தது?

இந்த கணக்கில் நாங்கள் எதையும் கான்கிரீட் சொல்ல முடியாது. இடைமுகம் கூறுகள் வெளிப்படைத்தன்மை வேண்டும் என்றால், RGBa மற்றும் HSLA இடையே தேர்வு. நீங்கள் உலாவி வீட்டு ஒளி வண்ண சக்கரம் முயற்சிக்கவேண்டும் விரும்பினால் மிகவும் வசதியான இருக்கும். நீங்கள் ஒரு தட்டு பயன்படுத்தி அல்லது ஃபோட்டோஷாப் இருந்து வடிவமைப்பு மாற்ற என்றால், CSS பதினாறு அடி நிறம் குறியீடுகள் தேர்வுசெய்ய வேண்டும்.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ta.delachieve.com. Theme powered by WordPress.