मुख्य सामग्री पर जाएँ

रंग प्रारूप परिवर्तक

रंग पिकर, यादृच्छिक रंग, लाइव पूर्वावलोकन और चैनल नियंत्रण के साथ एक रंग को स्थानीय रूप से 6-अंकीय HEX (#RRGGBB), RGB, HSL और CMYK के बीच बदलें; HEX/RGB/HSL के कॉपी-योग्य CSS मान और CMYK की संदर्भ संकेतन पाएँ।

HEX

#

RGB

HSL

CMYK

रंग प्रारूप परिवर्तक

क्विक स्टार्ट

1
6 अंकों वाला HEX या RGB/HSL/CMYK चैनल दर्ज करें
2
पिकर या रैंडम रंग इस्तेमाल करें, फिर सिंक हुए मान देखें

सामान्य उपयोग के मामले

डिज़ाइन हैंडऑफ़

डिज़ाइन फ़ाइल से HEX रंग को विकास के लिए CSS RGB/HSL में बदलें

स्टाइल गाइड

कम्पोनेंट लाइब्रेरी में रंग प्रारूप और लिखने की शैली को एकरूप करें

प्रिंट संदर्भ

पहले अनुमान के रूप में स्क्रीन के रंग को CMYK में बदलें, फिर प्रूफ़िंग और प्रिंट वर्कफ़्लो से पुष्टि करें

अभिगम्यता

केवल त्वरित दृश्य जांच के लिए पूर्वावलोकन का उपयोग करें; सटीक अनुपातों के लिए एक समर्पित कंट्रास्ट टूल का उपयोग करें

रूपांतरण पैरामीटर और प्रदर्शन

इनपुट नियम: HEX केवल 6 अंकों का समर्थन करता है (#RRGGBB, #RGB, #RGBA, #RRGGBBAA या alpha नहीं); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100। इनपुट केस-असंवेदनशील है
पूर्वावलोकन: कंप्यूटर पर दाईं ओर सजीव पूर्वावलोकन दिखता है; मोबाइल पर बिना पूर्वावलोकन वाला हल्का मोड चलता है
रंग पिकर: HEX कार्ड में मौजूद रंग पिकर का उपयोग करें।
HEX बड़े अक्षर नीति: आउटपुट बड़े अक्षरों में मानकीकृत होता है (जैसे #1E90FF); इनपुट में अक्षरों के आकार का भेद नहीं होता; आकार बदलने का विकल्प नहीं है
बारीक समायोजन: चैनल अक्षरों को बाएँ/दाएँ खींचें (Shift×10, Alt÷0.1)
आउटपुट कॉपी करें: कॉपी बटन मानकीकृत HEX, RGB और HSL CSS मान (HEX बड़े अक्षरों में) या CMYK संदर्भ संकेतन cmyk(...) देता है

उपयोग टिप्स

सटीकता: डिवाइस/डिस्प्ले प्रबंधन अलग‑अलग होता है; eyedropper से मिले मान ऐप के बीच थोड़ा भिन्न हो सकते हैं
Alpha: वर्तमान फ़ॉर्मैट में alpha शामिल नहीं है; rgba()/hsla() या अलग alpha मान का उपयोग करें
कलर स्पेस: वेब डिफ़ॉल्ट रूप से sRGB उपयोग करता है; P3/Display‑P3 वर्कफ़्लो में अतिरिक्त जाँच करें
टीम स्थिरता: CSS में उपयोग होने वाले मानक रंग फ़ॉर्मैट (जैसे HSL) पर पहले से सहमति बना लें

सीमाएं और संगतता

डिवाइस भिन्नता: अलग मॉनिटर/ब्राउज़र/OS रंगों को अलग तरह से प्रबंधित करते हैं; दृश्य परिणाम बदल सकते हैं
CMYK अनुमानित है: मान ICC प्रोफाइल, कागज, स्याही, डिवाइस और प्रूफिंग पर निर्भर करते हैं; इसे एक संदर्भ के रूप में उपयोग करें, न कि प्रिंट-रेडी मान के रूप में
कोई अल्फ़ा नहीं: यह उपकरण पारदर्शिता, rgba(), hsla(), #RGBA या #RRGGBBAA मानों को संसाधित नहीं करता है।
CSS रंगों का सीमित समूह: नामित रंग, transparent, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), सापेक्ष रंग, color-mix() और contrast-color() इस उपकरण के दायरे से बाहर हैं
कोई छवि या पैलेट उपकरण नहीं: यह पृष्ठ छवि नमूनाकरण, स्क्रीन आईड्रॉपर, पैलेट जेनरेशन, ग्रेडिएंट जेनरेशन, कंट्रास्ट अनुपात जांच, CSS वेरिएबल एक्सपोर्ट, या डिज़ाइन टोकन एक्सपोर्ट नहीं करता है

गोपनीयता और सुरक्षा

प्रोसेसिंग ब्राउज़र में होती है। मौजूदा रंग वर्तमान ब्राउज़र सत्र में रह सकता है। कार्यस्थान सहेजने या WebDAV चालू करने पर मौजूदा रंग उस कार्यस्थान के भाग के रूप में सहेजा या सिंक किया जा सकता है। व्युत्पन्न आउटपुट, पूर्ववत इतिहास और अस्थायी त्रुटियाँ अलग डेटा के रूप में सहेजी या सिंक नहीं की जातीं, और टूल हाल के रंगों की सूची नहीं रखता। यह पेज चित्र नहीं पढ़ता, स्क्रीन का नमूना नहीं लेता, URL नहीं लाता और सर्वर पर रूपांतरण के लिए रंग नहीं भेजता। साझा डिवाइस पर जरूरत होने पर रंग और साइट डेटा साफ करें।

अक्सर पूछे जाने वाले प्रश्न

5

अगला चरण पूरा करने के लिए इन संबंधित टूल का उपयोग करें।

हमारे बारे में

हमारे बारे में
मूल्य

सभी टूल की प्रोसेसिंग आपके ब्राउज़र में लोकल रूप से होती है।