ఉచిత కన్వర్టర్

HSL వరకు HEX కన్వర్టర్

HSL రంగు విలువలను తక్షణమే HEX రంగు కోడ్‌లకు మార్చండి — ఉచిత, నిజ-సమయ రంగు కన్వర్టర్.

రంగు
సంతృప్తత (%)
తేలిక (%)

HEX అవుట్‌పుట్

#368CE2
R:54
G:140
B:226

కాపీ ఫార్మాట్

#HEX ఫార్మాట్#368CE2
hsl() ఫార్మాట్hsl(210°, 75%, 55%)
rgb() ఫార్మాట్rgb(54, 140, 226)

ఈ సాధనం గురించి

HSL (వర్ణం, సంతృప్తత, తేలిక) రంగు విలువలను హెక్సాడెసిమల్ కోడ్‌లుగా మార్చండి. HSL అనేది సహజమైన రంగు నమూనా, ఇక్కడ రంగు అనేది రంగు కోణం (0-360°), సంతృప్తత అనేది రంగు తీవ్రత (0-100%), మరియు తేలిక రంగు ఎంత కాంతి లేదా ముదురు రంగులో ఉందో (0-100%) నియంత్రిస్తుంది. HSLలో పని చేసే మరియు CSS కోసం హెక్స్ కోడ్‌లు అవసరమయ్యే డిజైనర్లకు ఉపయోగకరంగా ఉంటుంది.

ఎలా ఉపయోగించాలి

  1. రంగు విలువను నమోదు చేయండి (రంగు చక్రంలో 0-360 డిగ్రీలు).
  2. సంతృప్తతను (0-100%) మరియు తేలిక (0-100%) సెట్ చేయండి.
  3. హెక్స్ కోడ్ లెక్కించబడుతుంది మరియు నిజ సమయంలో ప్రదర్శించబడుతుంది.
  4. మీ CSS లేదా డిజైన్ టూల్‌లో ఉపయోగించడానికి హెక్స్ కోడ్‌ని కాపీ చేయండి.

తరచుగా అడిగే ప్రశ్నలు

హెక్స్ లేదా RGBకి బదులుగా HSLని ఎందుకు ఉపయోగించాలి?
HSL మానవులకు మరింత స్పష్టమైనది. ముదురు నీడ కావాలా? Decrease lightness. మ్యూట్ చేసిన వెర్షన్ కావాలా? సంతృప్తతను తగ్గించండి. మీరు మూడు ఛానెల్‌లను సర్దుబాటు చేయాల్సిన హెక్స్ లేదా RGBలో ఈ సంబంధాలు స్పష్టంగా కనిపించవు.
0 vs 360 యొక్క రంగు అంటే ఏమిటి?
0° మరియు 360° రెండూ ఎరుపు రంగులో ఉంటాయి - రంగు చక్రం చుట్టూ తిరుగుతుంది. ప్రధాన రంగులు: 0° = ఎరుపు, 60° = పసుపు, 120° = ఆకుపచ్చ, 180° = నీలవర్ణం, 240° = నీలం, 300° = మెజెంటా.
0% మరియు 100% సంతృప్తత వద్ద ఏమి జరుగుతుంది?
0% సంతృప్తత వద్ద, ఏదైనా రంగు బూడిద రంగులో మారుతుంది (తేలికతో మాత్రమే నిర్ణయించబడుతుంది). 100% సంతృప్తత వద్ద, మీరు ఆ రంగు యొక్క స్వచ్ఛమైన, అత్యంత స్పష్టమైన సంస్కరణను పొందుతారు.
తేలిక ఎలా పని చేస్తుంది?
రంగు/సంతృప్తతతో సంబంధం లేకుండా 0% తేలిక ఎల్లప్పుడూ నల్లగా ఉంటుంది. 100% ఎల్లప్పుడూ తెల్లగా ఉంటుంది. 50% రంగు యొక్క స్వచ్ఛమైన, అత్యంత శక్తివంతమైన సంస్కరణను ఇస్తుంది. 0-50% మధ్య విలువలు ముదురు రంగులు, 50-100% తేలికపాటి రంగులు.