रंग कनवर्टर

मुफ़्त ऑफ़लाइन उपकरण तुरंत रंग प्रारूपों के बीच परिवर्तित होते हैं। मुफ़्त ऑनलाइन रंग कनवर्टर हेक्स, आरजीबी, एचएसएल, एचएसवी, सीएमवाईके और नामित रंगों का समर्थन करता है। रंग पूर्वावलोकन और पहुंच संबंधी जानकारी प्राप्त करें। कोई साइन-अप नहीं.

क्या इस कैलकुलेटर ने आपकी मदद की?

रंग कनवर्टर क्या है?

रंग कन्वर्टर रंगों को HEX, RGB और HSL कलर मॉडल के बीच बदलता है। CSS, डिज़ाइन टूल और कलर थ्योरी के साथ काम करने वाले वेब डेवलपर्स और डिज़ाइनर्स के लिए आवश्यक। इसमें लाइव प्रीव्यू स्वैच शामिल है।

इस कैलकुलेटर का उपयोग कब करें

जब डिज़ाइनर की Figma या Sketch रंग विशिष्टताओं को CSS-संगत मानों में बदलना हो
जब डिज़ाइन सिस्टम बनाते समय HEX, RGB और HSL प्रारूपों में सुसंगत रंग मानों की आवश्यकता हो
जब HSL का उपयोग करके रंग पैलेट या योजनाएँ बनाना हो ताकि सुसंगत संतृप्ति और प्रकाश बनाए रखा जा सके
जब पहुँच अनुपालन (WCAG AA/AAA मानक) के लिए रंग कंट्रास्ट जाँचना हो
जब मौजूदा कोड में विरासत रंग मानों को एक ही प्रारूप में बदलना हो
जब विभिन्न प्रारूपों में वास्तव में रंग कैसा दिखता है, यह सत्यापित करके CSS रंग समस्याओं को डीबग करना हो

चरण:

Enter a color value in HEX, RGB, or HSL format.
Select the input format using the tabs.
View converted values in all three formats.
See the live color preview swatch.

सूत्र

HEX → RGB: split #RRGGBB into decimal values RGB → HSL: normalize RGB → find hue/saturation/lightness HSL → RGB: convert via chroma formulas HEX: #RRGGBB (0-255 each) RGB: rgb(R, G, B) (0-255) HSL: hsl(H°, S%, L%) (H: 0-360, S/L: 0-100)

उपयोग के मामले

Converting CSS color values
Creating color schemes from base colors
Matching design system colors
Understanding color relationships through HSL

मुख्य लाभ

Convert colors between 3 formats instantly
See live color preview
Copy any format with one click
Free no sign-up needed

प्रो टिप्स

Use HSL for intuitive color adjustments
Use HEX for CSS compatibility
Use the preview to verify your color before using it
Keep a reference of common color conversions

सामान्य गलतियाँ जिनसे बचना चाहिए

Forgetting the # prefix for HEX colors
Using RGB values above 255 or below 0
Confusing HSL hue range (0-360) with RGB (0-255)

मुख्य शर्तें समझाई गईं

HEX: Hexadecimal RGB representation
RGB: Red Green Blue color model
HSL: Hue Saturation Lightness model
Color space: Mathematical model for colors

उदाहरण

Input: #FF5733 (HEX) → RGB: rgb(255, 87, 51) → HSL: hsl(11, 100%, 60%). Input: hsl(200, 50%, 50%) → RGB: rgb(64, 149, 191) → HEX: #4095BF.

आपके परिणामों की व्याख्या

कनवर्टर तीन रंग प्रारूपों का समर्थन करता है और तीनों में समान मान दिखाता है। HEX (#RRGGBB) वेब डेवलपमेंट में सबसे आम प्रारूप है। RGB (rgb(R, G, B)) व्यक्तिगत रंग चैनलों पर सीधा नियंत्रण देता है। HSL (hsl(H, S%, L%)) मनुष्यों के लिए सबसे सहज है — रंग परिवार निर्धारित करता है, संतृप्ति तीव्रता नियंत्रित करती है और प्रकाश चमक नियंत्रित करता है। कंट्रास्ट अनुपात संकेतक दिखाता है कि आपका अग्रभूमि/पृष्ठभूमि रंग संयोजन WCAG पहुँच मानकों को पूरा करता है या नहीं। AA अनुपालन के लिए सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 आवश्यक है।

रंग कनवर्टर