Jassif Team Institution

HSL மதிப்பு

HSL என்பது hue (வண்ண நிறம்), saturation (செறிவு), மற்றும் lightness (ஒளிர்வு) ஆகியவற்றைக் குறிக்கிறது.

CSS இல், ஒரு வண்ணம் பின்வரும் வடிவத்தில் hue, saturation, மற்றும் lightness (HSL) பயன்படுத்தி குறிப்பிடப்படலாம்:

Hue என்பது வண்ண வட்டத்தில் ஒரு டிகிரி (0 முதல் 360 வரை):

• 0 (அல்லது 360) சிவப்பு
• 120 பச்சை
• 240 நீலம்

Saturation என்பது சதவீத மதிப்பு: 0% என்பது சாம்பல் நிறத்தின் நிழல், மற்றும் 100% முழு வண்ணம்.

Lightness என்பதும் ஒரு சதவீதம்; 0% கருப்பு, 50% ஒளிர்வானதும் இல்லை இருண்டதும் இல்லை, 100% வெள்ளை.

கீழே உள்ள HSL மதிப்புகளை கலந்து பரிசோதிக்கவும்:

எடுத்துக்காட்டு

செறிவு

செறிவு ஒரு வண்ணத்தின் தீவிரம் என்று விவரிக்கப்படலாம்.

100% தூய வண்ணம், சாம்பல் நிற நிழல்கள் இல்லை.

50% 50% சாம்பல், ஆனால் நீங்கள் இன்னும் வண்ணத்தைக் காணலாம்.

0% முழுமையாக சாம்பல்; நீங்கள் வண்ணத்தை இனி காண முடியாது.

எடுத்துக்காட்டு

ஒளிர்வு

ஒரு வண்ணத்தின் ஒளிர்வு நீங்கள் எவ்வளவு ஒளியை வண்ணத்திற்கு கொடுக்க விரும்புகிறீர்கள் என்று விவரிக்கப்படலாம், அங்கு 0% என்பது ஒளி இல்லை (கருப்பு), 50% என்பது 50% ஒளி (இருண்டதும் இல்லை ஒளிர்வானதும் இல்லை) மற்றும் 100% என்பது முழு ஒளிர்வு (வெள்ளை).

எடுத்துக்காட்டு

சாம்பல் நிற நிழல்கள்

சாம்பல் நிற நிழல்கள் அடிக்கடி hue மற்றும் saturation ஐ 0 ஆக அமைத்து, 0% முதல் 100% வரை ஒளிர்வை சரிசெய்வதன் மூலம் இருண்ட/ஒளிர்வான நிழல்களைப் பெறுவதன் மூலம் வரையறுக்கப்படுகின்றன:

எடுத்துக்காட்டு

HSLA மதிப்பு

HSLA வண்ண மதிப்புகள் ஒரு ஆல்பா சேனலுடன் HSL வண்ண மதிப்புகளின் நீட்டிப்பாகும் - இது ஒரு வண்ணத்திற்கான ஒளிபுகா தன்மையைக் குறிக்கிறது.

ஒரு HSLA வண்ண மதிப்பு பின்வருமாறு குறிப்பிடப்படுகிறது:

ஆல்பா அளவுருவானது 0.0 (முழுமையாக வெளிப்படையான) மற்றும் 1.0 (வெளிப்படையானது அல்ல) க்கு இடையே உள்ள எண்ணாகும்:

கீழே உள்ள HSLA மதிப்புகளை கலந்து பரிசோதிக்கவும்:

எடுத்துக்காட்டு

CSS பயிற்சிகள்