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. తేలిక) ప్రాథమికంగా భిన్నమైన ప్రవర్తనలను సృష్టిస్తుంది. ఈ కన్వర్టర్ దృశ్య స్థిరత్వాన్ని కాపాడుతూ ఈ మోడల్‌ల మధ్య అనువదించడానికి ఖచ్చితమైన గణిత అల్గారిథమ్‌లను ఉపయోగిస్తుంది, డిజైనర్లు వారి వర్క్‌ఫ్లో అంతటా ప్రతి మోడల్ యొక్క బలాలను ఉపయోగించుకోవడానికి అనుమతిస్తుంది.