HSL चे HEX मध्ये रूपांतर Hue Saturation Lightness ↔ Hexadecimal मोफत ऑनलाइन सुरक्षित
HSL मध्ये एक मूल्य लिहा आणि तिथेच ते HEX मध्ये वाचा. हिशेब तुमच्या ब्राउझरमध्ये होतो, कुठेही काही पाठवले जात नाही, आणि उत्तर कशावर अवलंबून आहे ते गृहीत धरले जात नाही — खाली लिहिले आहे.
काहीही अपलोड होत नाही
या लेखनपद्धती कुठून आल्या
हेक्स आणि RGB एकच गोष्ट आहे, दोनदा लिहिलेली. पडद्यावरचा रंग म्हणजे तीन संख्या — किती लाल, हिरवा आणि निळा प्रकाश सोडायचा — प्रत्येक ० ते २५५ पर्यंत, म्हणजे एक बाइट; हेक्स फक्त त्या बाइटांना सोळाच्या पायावर लिहितो, म्हणून #FF8800 आणि rgb(255, 136, 0) एकाच पिक्सेलला दिलेली एकच आज्ञा आहे. HSL शोधले गेले कारण यांपैकी काहीच माणसाला वाचता येत नाही: ते रंगछटा रंगचक्रावरचा कोन म्हणून, आणि संपृक्तता व उजळपणा टक्क्यांत देते, त्यामुळे रचनाकार तीन आकडे पुन्हा न मोजता काहीतरी फिकट करू शकतो. CMYK अगदी वेगळ्या जगाचे आहे — शाईचे, प्रकाशाचे नव्हे. ते वजाबाकीचे आहे, चार छपाई-पट्ट्यांतून बांधलेले, आणि पडदा देऊ शकेल अशा प्रत्येक रंगापर्यंत ते पोहोचत नाही, कारण पडदा प्रकाश सोडतो तर कागद तो फक्त परावर्तित करतो.
त्या तुम्हाला कुठे भेटतात
हेक्स तेच आहे जे तुम्ही शैलीपत्रिकेत टंकता आणि जे रचनेचे साधन तुमच्या हातात देते. RGB तिथे प्रकटतो जिथे रंगाला गणित लागते: क्रमछटा, पारदर्शकता, एखादी छटा मोजणारा संकेत. HSL कडे हात तेव्हा वळतो जेव्हा रंगपट्टी हाताने जुळवायची असते, कारण हव्या असलेल्या बदलांत बहुधा त्याच्या तीन आकड्यांपैकी एकाचाच बदल असतो. CMYK तेच छापखाना मागतो, आणि त्यात रूपांतर हाच तो क्षण जेव्हा रचना प्रकाश राहायचे थांबवून शाई होते.
वारंवार विचारले जाणारे प्रश्न
माझा CMYK निकाल छापखान्याने दिलेल्यापेक्षा वेगळा का?
कारण एकच बरोबर रूपांतर असे काही नसतेच. या पानावरचे गणित सोपे आणि उपकरणनिरपेक्ष आहे, आणि जेव्हा तुम्हाला प्रारंभबिंदू किंवा ढोबळ समतुल्य हवा असतो तेव्हा तेच योग्य उत्तर आहे. छापखाना अशा रंग-प्रोफाइलमधून रूपांतर करतो जे विशिष्ट शाई, कागद आणि यंत्र लक्षात घेते; तोच RGB रंग चकचकीत कागदावर आणि लेप नसलेल्या कागदावर वेगळी CMYK मूल्ये देईल. जे नेमके जुळायलाच हवे, त्यासाठी सूत्रावर विश्वास ठेवण्याऐवजी छापखान्याकडून त्यांचे प्रोफाइल मागा.
पडद्यावरचे काही रंग का छापता येत नाहीत?
कारण दोघांची पोच एकाच रंगांपर्यंत नाही. पडदा प्रकाश जोडून रंग बनवतो आणि असा भडक, संपृक्त निळसर-हिरवा किंवा हिरवा देऊ शकतो ज्याची शाई बरोबरीच करू शकत नाही; कागद प्रकाश शोषून रंग बनवतो, आणि तो जास्तीत जास्त उजळ होऊ शकतो तो पानाचा पांढरेपणा. प्रत्येकाची पोच ज्या रंगांपर्यंत आहे त्या संचाला गॅमट म्हणतात, आणि जिथे ते एकमेकांवर येत नाहीत तिथे रूपांतराला उपलब्ध असलेला सर्वांत जवळचा रंग निवडावा लागतो. म्हणूनच पडद्यावर भडक दिसणारा रंग छापल्यावर अनेकदा थोडा निस्तेज दिसतो.
उत्तर अचूक आहे का?
जिथे दोन्ही एकके एकमेकांतून पूर्णांकांनी व्याख्यायित आहेत तिथे होय — पान हे आकड्याच्या वर सांगते, आणि एकमेव गोलाई किती अंक दाखवायचे यात आहे. जिथे गुणोत्तराचा दशांश संपत नाही, तिथे पान बारा सार्थ अंक दाखवते आणि संबंध अंदाजे आहे असे सांगते, वेगळे काही भासवत नाही.
मी लिहिलेले माझ्या उपकरणातून बाहेर जाते का?
नाही. गणित तुमच्याच ब्राउझरमध्ये होते; काहीही अपलोड होत नाही, आणि होण्यासाठी सर्व्हरही नाही. पान एकदा उघडले की नेटवर्क बंद असतानाही चालते.
तुम्ही HSL ला HEX मध्ये रूपांतरित का करता
तुम्ही रंग HSL मध्ये ठरवला, कारण ती अशी नोंद आहे ज्यात तुम्ही विचार करू शकता: छटा 30, संपृक्तता 29%, तेजस्विता 28%, मंद तपकिरी, आणि होवर स्थितीसाठी 34% वरची फिकट आवृत्ती. आता रंग अशा ठिकाणी जायचा आहे जिथे हेक्स कोड हवा आहे: डिझाइन टोकन फाइल, ब्रँड पत्रक, hsl() न समजणारे साधन, ईमेल साचा, सहकाऱ्याला संदेश. HSL ला HEX मध्ये रूपांतरित करणे म्हणजे तुम्ही ज्याबद्दल विचार केलात तो रंग लहान, संदिग्धतेशिवाय आणि सर्व काही समजू शकेल अशा रूपात लिहून ठेवणे.
हे रूपांतरण डिझायनरना आधी भेटणाऱ्या रूपांतरणाच्या उलट दिशेने चालते. ते माणसाला सोयीच्या तीन संख्यांपासून सुरू होते आणि तीन बाइट्सपर्यंत पोहोचते. प्रत्येक टप्पा सरळ अंकगणित आहे, पण त्यात काही त्रिकोणमितीसारखी प्रकरणे आणि पूर्णांकन येते, म्हणूनच लोकांना ते आपल्यासाठी करून हवे असते. पान हे तुमच्या ब्राउझरमध्ये करते, आणि काहीही अपलोड केले जात नाही. खाली तुम्हाला तीन संख्या सहा हेक्स अंक कशा बनतात, रूपांतरण काय जपते, HSL मधून गेलेला रंग सुरुवातीपासून एक-दोन पायऱ्या दूर का पडू शकतो, डिझायनर रूपांतरण कसे वापरतात, आणि टाळायचे सापळे सापडतील.
रूपांतरण कसे चालते
छटा, संपृक्तता आणि तेजस्वितेपासून लाल, हिरवा आणि निळ्यापर्यंत
कन्व्हर्टर आधी क्रोमा काढतो, म्हणजे रंग राखाडीपासून किती दूर आहे: तो संपृक्ततेसोबत वाढतो आणि तेजस्विता 50% पासून दूर गेली की कमी होतो. मग तो छटा रंगचक्राच्या सहा विभागांपैकी एकात ठेवतो, प्रत्येक 60 अंश रुंद, आणि विभागावरून ठरवतो की तीन वाहिन्यांपैकी कोणती कमाल आहे, कोणती किमान आणि कोणती मध्ये आहे. शेवटी तो तेजस्विता बरोबर यावी म्हणून एक स्थिरांक जोडतो, तीन मूल्ये 0 ते 1 या श्रेणीपासून 0 ते 255 पर्यंत मोजतो, आणि प्रत्येकाला पूर्ण संख्येत पूर्णांकित करतो. ते तीन बाइट्स सोळा-आधारी लिहिले जातात, प्रत्येकी दोन अंक.
संख्यांसह उदाहरण
hsl(30, 29%, 28%) घ्या. क्रोमा आहे (1 − |2 × 0.28 − 1|) × 0.29 = 0.56 × 0.29 = 0.1624. 30 अंशांची छटा पहिल्या विभागाच्या निम्म्यावर आहे, म्हणून मधली वाहिनी क्रोमाच्या निम्मी, 0.0812, आहे. जोडायचा स्थिरांक 0.28 − 0.0812 = 0.1988 आहे. म्हणून लाल 0.1624 + 0.1988 = 0.3612 आहे, हिरवा 0.0812 + 0.1988 = 0.28 आहे आणि निळा 0.1988 आहे. 255 ने गुणून पूर्णांकित केल्यावर हे 92, 71 आणि 51 आहेत. हेक्समध्ये ते #5C4733 आहे.
राखाडी रंग
संपृक्तता 0% असते, तेव्हा छटा काहीही असो रंग राखाडी असतो, आणि तीन बाइट्स समान असतात. hsl(0, 0%, 50%) म्हणजे #808080. छटेकडे दुर्लक्ष केले जाते, म्हणून कोणतीही छटा संख्या तोच राखाडी देते.
रूपांतरण काय जपते आणि काय जपू शकत नाही
तुम्ही वर्णन केले तसा रंग ते जपते
निकाल म्हणजे तुम्ही दिलेली छटा, संपृक्तता आणि तेजस्विता असलेला रंग, बाइट्सच्या रूपात लिहिलेला. तुम्ही टाइप केलेल्या तीन संख्या म्हणजे डोळा ज्या प्रकारे रंग लावतो तसा रंग, चक्रावरची छटा, तो किती संपृक्त आहे, किती हलका. म्हणूनच HSL असणे फायद्याचे आहे, आणि रूपांतरण तुमची निवड विश्वासूपणे हेक्सपर्यंत नेते.
परतीच्या वाटेवर तेच आकडे मिळण्याची हमी ते देऊ शकत नाही
दोन्ही तेच रंग वर्णन करतात, पण HSL त्यांच्यापर्यंत वेगळ्या भूमितीतून पोहोचते आणि त्याच्या तीन संख्या लिहिल्या जातात तेव्हा पूर्ण अंश आणि पूर्ण टक्क्यांत पूर्णांकित केल्या जातात. म्हणून HSL मध्ये नेऊन परत आणलेला रंग तो जिथून सुरू झाला तिथून एक किंवा दोन पायऱ्या दूर पडू शकतो: दृश्यदृष्ट्या सारखा, बाइट-टू-बाइट सारखा नाही. आमच्या उदाहरणात #5A4632 हा रंग होता ज्याचे HSL सुमारे hsl(30, 29%, 28%) आहे; ते पूर्णांकित आकडे परत रूपांतरित केल्यावर #5C4733 मिळते, लालात दोन पायऱ्या दूर. तुम्हाला अचूक बाइट्स हवे असतील, तर हेक्स ठेवा.
टक्का आणि अंश चिन्हे
पान छटा अंशांत आणि संपृक्तता व तेजस्विता टक्क्यांत वाचते. तुम्ही त्या चिन्हांसह किंवा त्यांशिवाय लिहू शकता. 360 पेक्षा जास्त किंवा 0 पेक्षा कमी छटा चक्राभोवती गुंडाळली जाते, म्हणून 390 म्हणजे 30 सारखेच.
व्यावहारिक उपयोग
डिझाइन टोकन फाइल लिहिणे
डिझाइन प्रणाली रंग टोकन म्हणून साठवते. अनेक चमू रंग HSL मध्ये तयार करतात, कारण त्यांच्याबद्दल विचार करता येतो, आणि हेक्समध्ये प्रकाशित करतात, कारण प्रत्येक साधन ते वाचते. प्रत्येक टोकनसाठी एकदा HSL ला HEX मध्ये रूपांतरित करा, आणि प्रकाशित फाइल प्रत्येकाला वापरता येईल अशी बनते.
hsl() न वाचणाऱ्या साधनांसाठी रंग तयार करणे
ईमेल क्लायंट, काही दस्तऐवज संपादक, जुने ग्राफिक्स प्रोग्राम आणि अनेक चार्ट लायब्ररी फक्त हेक्स स्वीकारतात. तुम्ही HSL मध्ये जे ठरवले ते त्यांना वापरता येण्यापूर्वी रूपांतरित करावे लागते.
तयार केलेले पॅलेट तपासणे
छटा फिरवून पॅलेट तयार करणारी स्क्रिप्ट hsl() मूल्यांची यादी देते. ती तुम्ही स्टाइलशीटमध्ये ठेवाल किंवा डिझायनरला द्याल अशा कोडच्या रूपात पाहण्यासाठी प्रत्येक हेक्समध्ये रूपांतरित करा. त्यामुळे एकाच कोडवर पूर्णांकित होणारी, म्हणून खरे तर वेगळी नसलेली, मूल्येही तुम्हाला दिसतात.
संदेशात रंग शेअर करणे
हेक्स कोड लहान, कॉपी करता येणारा आणि रंगासोबत काम करणाऱ्या जवळजवळ प्रत्येकाला समजणारा असतो. hsl() मूल्य लांब असते आणि डिझाइनबाहेर कमी परिचित. तुम्ही कोणाला रंग पाठवता तेव्हा हेक्स हे सौजन्याचे रूप आहे.
इथे HSL ला HEX मध्ये रूपांतरित कसे करावे
hsl मूल्य टाइप करा किंवा पेस्ट करा
पहिल्या रकान्यात रंग hsl(30, 29%, 28%) या रूपात टाका, किंवा फक्त तीन संख्या. छटा अंशांत, संपृक्तता आणि तेजस्विता टक्क्यांत.
हेक्स कोड वाचा
उत्तर लगेच दिसते, जसे hsl(30, 29%, 28%) = #5C4733. ते मोठ्या अक्षरांत आणि हॅश चिन्हासह लिहिले जाते.
तुमच्या कामात कॉपी करा
कोड तुमच्या स्टाइलशीट, टोकन फाइल किंवा संदेशात वापरा. उलट दिशेसाठी HEX ते HSL एका क्लिकवर आहे.
या नोंदी कुठून आल्या
हेक्स आणि RGB एकाच गोष्टीचे दुहेरी लेखन
पडद्यावरचा रंग म्हणजे तीन संख्या, किती लाल, हिरवा आणि निळा प्रकाश उत्सर्जित करायचा, प्रत्येक 0 ते 255, म्हणजे एक बाइट. हेक्स फक्त ते बाइट्स सोळा-आधारी लिहितो. संख्या पाहण्यासाठी HEX ला RGB मध्ये रूपांतरित करा.
HSL आणि CMYK
HSL ची निर्मिती झाली कारण दोन्हीपैकी कोणतेही माणसाला वाचण्याजोगे नाही: ते रंगचक्राभोवतीच्या कोनाच्या रूपात छटा देते, संपृक्तता आणि तेजस्विता टक्केवारीत, म्हणून डिझायनर तीन आकडे पुन्हा न मोजता काहीतरी फिकट करू शकतो. CMYK पूर्णपणे वेगळ्या जगाचे आहे, प्रकाश नव्हे तर शाई. ते वजाबाकीचे आहे, चार छपाई प्लेट्सपासून बनलेले, आणि पडदा जे प्रत्येक रंग दाखवू शकतो तो ते गाठू शकत नाही, कारण पडदा प्रकाश उत्सर्जित करतो तर कागद फक्त तो परावर्तित करतो.
HSL ला HEX मध्ये रूपांतरित करताना सापळे
मूळ कोड परत मिळेल अशी अपेक्षा करणे
तुम्ही हेक्स कोडपासून सुरुवात केली, त्याला HSL मध्ये रूपांतरित केले, काहीही समायोजित केले नाही आणि परत रूपांतरित केले, तर तुम्हाला एक-दोन पायऱ्या दूर असलेला वेगळा कोड मिळू शकतो. एका रंगासाठी तो न दिसणारा असतो. डिझाइन प्रणालीसाठी कोणते रूप मुख्य ते ठरवा, आणि दुसरे व्युत्पन्न माना.
संपृक्तता आणि तेजस्विता मिसळणे
दोन्ही चुकून अदलाबदल करणे सोपे आहे: hsl(30, 28%, 29%) म्हणजे hsl(30, 29%, 28%) नव्हे. क्रम आहे छटा, संपृक्तता, तेजस्विता. पडद्यावरचा रंग तुमच्या अपेक्षेप्रमाणे दिसला नाही, तर तुम्ही त्यांना उलट केले नाही ना ते तपासा.
तेजस्विता म्हणजे चमक नाही हे विसरणे
समान तेजस्वितेचे दोन रंग चमकेत वेगळे दिसू शकतात. 50% तेजस्वितेवरचा पिवळा 50% वरच्या निळ्यापेक्षा खूप जास्त तेजस्वी दिसतो. तुम्ही मजकूर आणि पार्श्वभूमीसाठी रंग निवडत असाल, तर त्यांचा कॉन्ट्रास्ट तेजस्विता संख्यांची तुलना करून नव्हे तर योग्य साधनाने तपासा.
श्रेणीबाहेरची मूल्ये वापरणे
संपृक्तता आणि तेजस्विता 0 ते 100 टक्क्यांपर्यंत मर्यादित आहेत. त्या श्रेणीबाहेरची मूल्ये कापली जातात. 120% तेजस्विता पांढऱ्यापेक्षा जास्त तेजस्वी नसते; ती पांढरी असते.
रूपांतरणापूर्वी लोक विचारतात ते प्रश्न
हेक्समध्ये hsl(0, 100%, 50%) काय आहे?
#FF0000, शुद्ध लाल.
हेक्समध्ये hsl(0, 0%, 100%) काय आहे?
#FFFFFF, पांढरा.
मी दशांश वापरू शकतो का?
होय. hsl(30.5, 28.6%, 27.8%) स्वीकारले जाते. निकाल पूर्ण बाइट्सपर्यंत पूर्णांकित केला जातो.
रूपांतरण अचूक आहे का?
तुम्ही टाइप केलेल्या संख्यांसाठी ते अचूक बाइट्स देते, पूर्ण मूल्यांपर्यंत पूर्णांकित. परत जाताना एक पायरी दूर पडू शकते, कारण HSL संख्या पूर्णांकित केल्या होत्या.
माझा रंग अपलोड केला जातो का?
नाही. अंकगणित तुमच्या ब्राउझरमध्ये चालते आणि काहीही कुठे पाठवले जात नाही.
मी परत कसे जाऊ?
HEX ते HSL सह.
HSL ला HEX मध्ये रूपांतरित करताना शहाणपणाने निवड
कोणते रूप मुख्य ते ठरवा
तुम्ही HSL मध्ये डिझाइन करत असाल, तर HSL मूल्ये स्रोत म्हणून ठेवा आणि हेक्स निर्गत म्हणून प्रकाशित करा. ब्रँड तुम्हाला हेक्स देत असेल, तर ते ठेवा आणि HSL फक्त बदलांसाठी वापरा. दोन्ही समान स्रोत म्हणून मिसळल्याने भरकटणे निर्माण होते.
बदलासाठी HSL, निश्चित करण्यासाठी हेक्स वापरा
तुम्हाला छटांचे कुटुंब हवे असेल, तेव्हा HSL मध्ये काम करा. रंग प्रत्येक साधनात सारखाच राहावा म्हणून निश्चित करायचा असेल, तेव्हा तो हेक्स म्हणून लिहा.
तुम्ही टाइप केलेल्या संख्या ठेवा
तुमच्या पॅलेट नोंदीत हेक्सशेजारी HSL मूल्ये नोंदवा. नंतर कोणाला फिकट आवृत्ती हवी असेल, तर ते आधीच पूर्णांकित झालेल्या कोडऐवजी तुमच्या संख्यांपासून सुरुवात करू शकतात.
चक्राचे सहा विभाग
कोणती वाहिनी उच्च, कोणती नीच
रूपांतरण चक्राला 60 अंशांच्या सहा विभागांत विभागते, आणि प्रत्येकात एक वाहिनी कमाल असते, एक किमान आणि तिसरी सुरळीत बदलते. 0 ते 60 मध्ये लाल कमाल असतो, निळा किमान आणि हिरवा वाढतो: लालाचा पिवळा होतो. 60 ते 120 मध्ये हिरवा कमाल असतो आणि लाल घटतो: पिवळ्याचा हिरवा होतो. 120 ते 180 मध्ये हिरवा उच्च राहतो आणि निळा वाढतो: हिरव्याचा सायन होतो. 180 ते 240 मध्ये निळा ताबा घेतो आणि हिरवा घटतो. 240 ते 300 मध्ये निळा उच्च राहतो आणि लाल वाढतो: निळ्याचा मॅजेंटा होतो. 300 ते 360 मध्ये लाल पुन्हा ताबा घेतो आणि निळा घटतो. तुम्ही HSL ला HEX मध्ये रूपांतरित करता तेव्हा तुमची छटा कोणत्या विभागात आहे हे जाणणे उपयोगी पडते, कारण उत्तरातील तीन जोड्यांपैकी कोणती सर्वात मोठी असेल हे त्यातून कळते.
उत्तराला कौटुंबिक साम्य का असते
समान छटा आणि संपृक्तता पण वेगळी तेजस्विता असलेले रंग नातेवाइकांसारखे दिसणारे हेक्स कोड देतात: कोणती जोडी उच्च आणि कोणती नीच याचा तोच नमुना, फक्त वर किंवा खाली मोजलेला. #5C4733, #7A5F44 आणि #A38461 सर्व एकाच कुटुंबातले आहेत, लाल सर्वात मोठा, मग हिरवा, मग निळा. तुम्ही हे एका नजरेत वाचायला शिकू शकता, आणि त्यामुळे चुका पकडणे सोपे होते.
तेजस्वितेची शिडी बनवणे
एक छटा, नऊ पायऱ्या
रूपांतरणाचा खूप व्यावहारिक उपयोग म्हणजे एकाच रंगाची अगदी फिकट ते अगदी गडद अशी शिडी बनवणे, डिझाइन प्रणाली ज्याला 50, 100, 200 आणि असे 900 पर्यंत लेबल लावतात अशी मापपट्टी. एक छटा आणि संपृक्तता निवडा, आणि तेजस्विता 96, 90, 80, 70, 60, 50, 40, 30 आणि 20 टक्के अशा मूल्यांतून पुढे न्या. प्रत्येक पायरीसाठी HSL ला HEX मध्ये रूपांतरित करा, आणि तुमच्याकडे एकमेकांचे असलेले नऊ कोड असतील. अत्यंत फिकट आणि अत्यंत गडद पायऱ्यांवर संपृक्तता काही अंशांनी थोडी कमी केल्याने ती स्थिर ठेवण्यापेक्षा अनेकदा अधिक नैसर्गिक दिसते.
पायऱ्यांना नावे देणे
प्रत्येक पायरीला तिच्या मूल्याऐवजी भूमिका नोंदवणारे नाव द्या: सर्वात फिकटाला surface, पुढच्याला border, सर्वात गडदाला text. कोडमध्ये नाव पुढच्या वाचकाला रंग कशासाठी आहे ते सांगते, आणि तो वापरणाऱ्या नियमांना हात न लावता तुम्ही त्यामागची संख्या बदलू शकता.
हलक्या आणि गडद थीम
शिडीचे प्रतिबिंब
गडद थीम अनेकदा शिडी उलटी केलेली हलकी थीम असते: हलक्या थीममध्ये सर्वात फिकट पायरी पानाची पार्श्वभूमी असते आणि गडद थीममध्ये सर्वात गडद पायरी पार्श्वभूमी बनते. तुम्ही शिडी HSL मध्ये बनवली असेल, तर गडद थीमला रूपांतरणांच्या दुसऱ्या संचाशिवाय काहीच खर्च येत नाही. छटा स्थिर ठेवा, जी ब्रँडचे स्वरूप जपते, आणि संपृक्तता थोडी समायोजित करा, कारण संपृक्त रंग गडद पार्श्वभूमीवर कठोर दिसतात.
दोन्ही थीम तपासणे
दोन्ही थीमच्या प्रत्येक मजकूर आणि पार्श्वभूमी जोडीचा कॉन्ट्रास्ट तपासा. पांढऱ्यावर चालणारा रंग जवळजवळ काळ्यावर अपयशी ठरू शकतो, आणि तुम्ही नुकतेच तयार केलेल्या हेक्स कोडसह आणि कॉन्ट्रास्ट साधनासह तपासणीला एक मिनिट लागतो.
रंगाची फक्त ढोबळ कल्पना असेल तेव्हा
चक्रापासून सुरुवात करा, मग सुधारा
कधी कधी तुमच्याकडे हेक्स कोड अजिबात नसतो, फक्त एक कल्पना असते: शांत निळा, उबदार नारिंगी, ताजा हिरवा. HSL सुरुवातीसाठी चांगली जागा आहे, कारण तुम्ही चक्राच्या खुणांवरून छटा निवडू शकता, मध्यम संपृक्तता आणि मधली तेजस्विता ठेवू शकता, आणि मग तुमच्याकडे काय आहे ते पाहण्यासाठी HSL ला HEX मध्ये रूपांतरित करू शकता. खूप गोंगाटी दिसला, तर संपृक्तता कमी करा; सपाट दिसला, तर तेजस्विता हलवा. प्रत्येक प्रयत्नाला सेकंद लागतात, आणि शेवटी तुमच्याकडे असा हेक्स कोड असतो जो थेट स्टाइलशीटमध्ये टाकता येतो.
संबंधित कन्व्हर्टर
साधनांचे हेच कुटुंब शेजारची रूपांतरणे हाताळते. परत जाण्यासाठी HEX ते HSL वापरा. कोडमागील संख्यांसाठी HEX ते RGB आणि RGB ते HEX आहेत, आणि छपाईसाठी HEX ते CMYK आणि CMYK ते HEX. त्याच स्टाइलशीटमधील आकारांसाठी px ते rem लांबीसाठी तेच करते जे हे पान रंगांसाठी करते.
सोडवलेले उदाहरण
समजा तुम्ही अ‍ॅपच्या यशस्वी स्थितीसाठी हिरवा रंग निवडला आहे: hsl(145, 55%, 38%). तुम्ही तो टाइप करता आणि #2C9658 वाचता. तो कोड तुम्ही टोकन फाइलमध्ये --success म्हणून वापरता. यशस्वी सूचनेच्या पार्श्वभूमीसाठी तुम्ही तीच छटा घेता, hsl(145, 45%, 94%), आणि #E9F7EF वाचता. किनारीसाठी hsl(145, 45%, 78%), जे #AEE0C3 वाचते. तीन कोड, एक छटा, सर्व एका मिनिटात काढलेले, आणि प्रत्येक साधा हेक्स कोड जो चमूतील कोणतेही साधन उघडू शकते.
छोटी तपासणी यादी
रूपांतरणापूर्वी
तीन संख्यांचा क्रम तपासा: छटा, संपृक्तता, तेजस्विता. तुमचे मुख्य रूप कोणते ते ठरवा.
रूपांतरण करताना
मूल्ये टाइप करा, हेक्स वाचा आणि ते हॅश चिन्हासह कॉपी करा.
रूपांतरणानंतर
रंग पडद्यावर संदर्भात पाहा, आणि नंतरसाठी कोडशेजारी HSL मूल्ये नोंदवा.
सामान्य चुका
संपृक्तता आणि तेजस्विता अदलाबदल करणे
क्रम आहे छटा, संपृक्तता, तेजस्विता.
जुने हेक्स परत मिळवण्याची अपेक्षा करणे
ते एक पायरी दूर पडू शकते. महत्त्वाचे असेल तर मूळ ठेवा.
कॉन्ट्रास्टऐवजी तेजस्विता तुलना करणे
मजकूर आणि पार्श्वभूमीसाठी कॉन्ट्रास्ट साधन वापरा.
तुमचे रंग तुमच्या उपकरणावरच राहतात
गणना स्थानिक पातळीवर होते. तुमची मूल्ये तुमचा स्वतःचा ब्राउझर वापरतो आणि काहीही कुठे पाठवले जात नाही. नंतर हटवण्यासारखे काहीच नसते आणि तयार करण्यासाठी खाते नसते. HSL ला HEX मध्ये रूपांतरित करण्याचा हा साधा मार्ग आहे.
सारांश
इथे HSL ला HEX मध्ये रूपांतरित करण्यासाठी छटा अंशांत आणि संपृक्तता व तेजस्विता टक्क्यांत टाइप करा, आणि हेक्स कोड लगेच वाचा. रूपांतरण डोळा ज्या प्रकारे रंग लावतो तसा रंग जपते: चक्रावरची छटा, तो किती संपृक्त आहे, किती हलका. दोन्ही नोंदी तेच रंग वर्णन करतात, पण HSL त्यांच्यापर्यंत वेगळ्या भूमितीतून पोहोचते आणि त्याच्या तीन संख्या पूर्ण अंश आणि पूर्ण टक्क्यांत पूर्णांकित केल्या जातात, म्हणून HSL मध्ये नेऊन परत आणलेला रंग तो जिथून सुरू झाला तिथून एक किंवा दोन पायऱ्या दूर पडू शकतो. तुम्हाला अचूक बाइट्स हवे असतील, तर हेक्स ठेवा. काहीही अपलोड केले जात नाही.