Skip to main content

रंग चुनने वाला इंटरएक्टिव रंग चुनने वाला, जिसमें HEX, RGB, HSL और CMYK आउटपुट होते हैं।

रंग चुनने वाला illustration
🎨

रंग चुनने वाला

इंटरएक्टिव रंग चुनने वाला, जिसमें HEX, RGB, HSL और CMYK आउटपुट होते हैं।

1

एक रंग चुनें

रंग कैनवास पर क्लिक करें, मूल पिकर का उपयोग करें या एचएसएल स्लाइडर्स को समायोजित करें।

2

सभी फॉर्मेट देखें

एक ही समय में रंग को HEX, RGB, HSL और CMYK में देखें।

3

किसी भी फॉर्मेट की प्रतिलिपि बनाएं

अपने परियोजना के लिए इसका मान प्राप्त करने के लिए किसी भी फॉर्मेट के बगल में कॉपी पर क्लिक करें।

Loading tool...

What Is रंग चुनने वाला?

एक इंटरैक्टिव रंग चुनने वाला जो आपको किसी भी रंग का चयन करने और तुरंत इसके मूल्यों को चार प्रमुख रंग स्वरूपों में देखने की अनुमति देता है: HEX, RGB, HSL, और CMYK। इस टूल में एक सतuration-lightness कैनवास, एक hue स्लाइडर, और एक नेटिव कलर इनपुट शामिल है, जो आपको अपनी आवश्यकताओं के अनुसार रंग खोजने के लिए कई तरीके प्रदान करता है। चाहे आप एक डिज़ाइनर हों जो सही छाया ढूंढ रहे हों, या एक डेवलपर जिन्हें CSS के लिए रंग मूल्यों की आवश्यकता है, या कोई भी व्यक्ति जो रंग के साथ काम करता है, यह टूल आपको सभी आवश्यक मूल्य प्रदान करता है। कैनवास वर्तमान चयनित शेड के लिए एक पूर्ण सतuration-lightness ग्रिड रेंडर करता है, जिससे आप दृश्य रूप से रंग भिन्नताओं का अन्वेषण कर सकते हैं। सभी चार फॉर्मेट आउटपुट वास्तविक समय में अपडेट होते हैं और इसमें कॉपी बटन शामिल हैं, ताकि आप अपनी आवश्यकताओं के लिए जल्दी से मूल्य प्राप्त कर सकें।

Why Use रंग चुनने वाला?

  • बहुत सारे इनपुट तरीके: कैनवास, मूल पिकर और एचएसएल स्लाइडर्स
  • चार एक ही समय में आउटपुट फॉर्मेट: HEX, RGB, HSL, CMYK
  • सटीक दृश्य मूल्यांकन के लिए बड़ा रंग पूर्वावलोकन स्वैच
  • कैनवास-आधारित संतृप्ति-प्रकाशता पिकर सटीक रंग अनुसंधान के लिए
  • हर फॉर्मेट के लिए एक-क्लिक कॉपी

Common Use Cases

वेब विकास

किसी भी CSS-संगत फॉर्मेट (HEX, RGB, HSL) में सही रंग खोजें और कॉपी करें।

डिज़ाइन कार्य

कैनवास का उपयोग करके दृश्य रूप से रंगों का अन्वेषण करें और डिज़ाइन टूल्स के लिए सटीक मान प्राप्त करें।

क्रॉस-फॉर्मेट संदर्भ

एक ही समय में HEX, RGB, HSL और CMYK में एक रंग का अनुवाद देखें।

प्रिंट तैयारी

दृश्य रूप से एक रंग चुनें और प्रिंट विनिर्देश के लिए CMYK मान प्राप्त करें।

Technical Guide

रंग चुनने वाला एक 256×256 कैनवास रेंडर करता है जहां X-अक्ष सतuration (0-100%) और Y-अक्ष lightness (100-0%) को दर्शाता है। प्रत्येक पिक्सेल के लिए, HSL से RGB रूपांतरण गणना किया जाता है और आकर्षित किया जाता है। hue स्लाइडर नियंत्रित करता है कि कैनवास पर कौन सा शेड प्रदर्शित किया जाएगा, जिससे किसी भी रंग के लिए एक व्यापक अन्वेषण स्थान बनता है। कैनवास HTML5 Canvas API का उपयोग करता है वास्तविक समय में रेंडरिंग के लिए। जब उपयोगकर्ता कैनवास पर क्लिक करता है, तो माउस पोज़िशन को सतuration और lightness मूल्यों में मैप किया जाता है, जिन्हें फिर सभी चार आउटपुट स्वरूपों में परिवर्तित किया जाता है। नेटिव HTML रंग इनपुट एक वैकल्पिक चयन पद्धति प्रदान करता है और HSL स्लाइडर्स के साथ द्विदिशीय रूप से समन्वयित होता है। CMYK आउटपुट गणितीय RGB-से-CMYK रूपांतरण सूत्र का उपयोग करता है। सभी रूपांतरण वास्तविक समय में होते हैं और इसमें कोई सर्वर इंटरैक्शन नहीं है, जिससे टूल प्रतिक्रियात्मक और निजी बनता है।

Tips & Best Practices

  • 1
    वर्तमान ह्यू परिवार में तेजी से एक रंग खोजने के लिए कैनवास पर कहीं भी क्लिक करें
  • 2
    ह्यू स्लाइडर का उपयोग करके वर्णक्रम को झाड़ें, फिर कैनवास के साथ बारीकी से समायोजित करें
  • 3
    मूल रंग पिकर आपको अधिकतम सटीकता के लिए अपने ओएस रंग संवाद तक पहुंच प्रदान करता है
  • 4
    वेब के लिए HEX, कैनवास/जावास्क्रिप्ट के लिए RGB, CSS थीमिंग के लिए HSL और प्रिंट के लिए CMYK की प्रतिलिपि बनाएं
  • 5
    HSL मान अक्सर डिज़ाइन सिस्टम रंग स्केल बनाने के लिए सबसे उपयोगी होते हैं

Related Tools

Frequently Asked Questions

Q मुझे एक रंग पिकर क्यों चाहिए?
एक रंग पिकर आपको दृश्य रूप से सटीक रंग खोजने और चुनने में मदद करता है, फिर किसी भी फॉर्मेट में आवश्यक सटीक मान प्रदान करता है। यह अनुमान और मैनुअल रूपांतरण को समाप्त करता है।
Q कैनवास और मूल पिकर के बीच क्या अंतर है?
कैनवास एक 2D संतृप्ति-प्रकाशता ग्रिड दिखाता है जो एक ह्यू के भीतर सटीक अनुसंधान की अनुमति देता है। मूल पिकर आपके ऑपरेटिंग सिस्टम रंग संवाद का उपयोग करता है, जिसमें एक आंखों की बूंद जैसी अतिरिक्त विशेषताएं हो सकती हैं।
Q क्या मैं अपने स्क्रीन से रंग चुन सकता हूँ?
कुछ ब्राउज़रों (क्रोम, एज) पर मूल रंग इनपुट एक आंखों की बूंद टूल को शामिल करता है जिससे आप अपने स्क्रीन पर दिखाई देने वाले किसी भी रंग को चुन सकते हैं।
Q क्या चार फॉर्मेट आउटपुट हमेशा समन्वित रहते हैं?
हाँ, सभी फॉर्मेट हमेशा एक ही रंग का प्रतिनिधित्व करते हैं। किसी भी इनपुट तरीके से रंग बदलने पर चारों आउटपुट एक ही समय में अपडेट हो जाते हैं।

About This Tool

रंग चुनने वाला is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.