HSV முதல் HSL வரை

வடிவமைப்பு அமைப்புகளில் பல்துறை வண்ண கையாளுதலுக்காக HSV வண்ண மதிப்புகளை HSL ஆக மாற்றவும்.

மேம்பட்ட வடிவமைப்பு நெகிழ்வுத்தன்மைக்காக உள்ளுணர்வு வண்ண மாதிரிகளுக்கு இடையில் உருமாற்றம் செய்யுங்கள்

வண்ண மாற்றி

HSL Output

hsl(0°, 100%, 50%)

HSL Values

சாயல் 0°

0-360° color wheel position

செறிவு 100%

0-100% color intensity

லேசான தன்மை 50%

0-100% brightness

hsl(0°, 100%, 50%)

கூடுதல் வடிவங்கள்

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

CSS பயன்பாடு

color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);

மாற்று நுண்ணறிவு

இந்த துடிப்பான சிவப்பு இரண்டு வண்ண மாதிரிகளிலும் முழு செறிவூட்டலைப் பராமரிக்கிறது, ஆனால் வெவ்வேறு பிரகாச அளவீடுகளைக் காட்டுகிறது, இது மதிப்பு (HSV) மற்றும் ஒளிர்வு (HSL) ஆகியவற்றுக்கு இடையேயான முக்கிய வேறுபாட்டைக் காட்டுகிறது.

மாற்ற எடுத்துக்காட்டுகள்

துடிப்பான சிவப்பு

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

வித்தியாசம் வெளிச்சம் = மதிப்பில் 50%

காட்டுப் பச்சை

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

வித்தியாசம் ஒளி அளவுகோலுக்கு ஏற்ப சரிசெய்யப்பட்டது

ராயல் நீலம்

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

வித்தியாசம் உணர்தலுக்காக சமநிலைப்படுத்தப்பட்ட லேசான தன்மை

மென்மையான இளஞ்சிவப்பு

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

வித்தியாசம் HSL இல் செறிவு அதிகரித்தது

முடக்கப்பட்ட ஊதா

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

வித்தியாசம் ஒளியின் அளவு கீழ்நோக்கிச் சரிசெய்யப்பட்டது

சாம்பல் நிறம்

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

வித்தியாசம் கிரேஸ்கேலுக்கு ஒத்திருக்கிறது

பரிந்துரைக்கப்பட்ட கருவிகள்

HSL to HSV Converter

மாற்று வண்ண கையாளுதலுக்காக HSL வண்ண மதிப்புகளை HSV ஆக மாற்றவும்.

வண்ண இணக்க ஜெனரேட்டர்

HSL-அடிப்படையிலான வண்ண உறவுகளைப் பயன்படுத்தி சமநிலையான வண்ணத் திட்டங்களை உருவாக்குங்கள்.

HSL Color Scales

HSL சரிசெய்தல்களைப் பயன்படுத்தி எந்த நிறத்தின் சாயல்கள், நிழல்கள் மற்றும் டோன்களை உருவாக்குங்கள்.

வண்ண மாதிரி ஒப்பீட்டாளர்

HSV, HSL, RGB மற்றும் CMYK மாதிரிகளில் வண்ணங்கள் எவ்வாறு தோன்றும் என்பதைக் காட்சிப்படுத்துங்கள்.

இந்தக் கருவியைப் பற்றி

இந்த HSV முதல் HSL வரையிலான மாற்றி இரண்டு உள்ளுணர்வு வண்ண மாதிரிகளுக்கு இடையில் தடையற்ற மாற்றத்தை எளிதாக்குகிறது, ஒவ்வொன்றும் வெவ்வேறு வடிவமைப்பு பணிகள் மற்றும் பணிப்பாய்வுகளுக்கு தனித்துவமான நன்மைகளைக் கொண்டுள்ளன.

HSV (Hue, Saturation, Value) represents colors based on human perception, with Value controlling the brightness from black to full color. This makes it particularly intuitive for tasks like adjusting lightness while preserving chromatic intensity, common in interface design.

HSL (Hue, Saturation, Lightness) structures color around perceived lightness, with Lightness ranging from black through the pure color to white. This model excels at creating consistent color scales and harmonies, as equal increments in lightness produce perceptually consistent steps.

இரண்டு மாடல்களும் சாயல் மற்றும் செறிவு கூறுகளைப் பகிர்ந்து கொண்டாலும், அவற்றின் பிரகாசத்தை (மதிப்பு vs. ஒளிர்வு) கையாள்வது அடிப்படையில் வேறுபட்ட நடத்தைகளை உருவாக்குகிறது. இந்த மாற்றி, காட்சி நிலைத்தன்மையைப் பாதுகாக்கும் அதே வேளையில், இந்த மாதிரிகளுக்கு இடையில் மொழிபெயர்க்க துல்லியமான கணித வழிமுறைகளைப் பயன்படுத்துகிறது, இதனால் வடிவமைப்பாளர்கள் தங்கள் பணிப்பாய்வு முழுவதும் ஒவ்வொரு மாதிரியின் பலத்தையும் பயன்படுத்த அனுமதிக்கிறது.