यह कन्वर्टर कौन-से रंग फ़ॉर्मैट आउटपुट करता है?

यह आपके द्वारा दर्ज किए किसी भी रंग के लिए HEX(A), RGB(A), HSL(A), HWB, LAB, LCH, OKLCH और OKLAB को एक साथ दिखाता है, साथ ही निकटतम CSS नामित रंग।

OKLCH क्या है और मैं इसमें क्यों बदलूँगा?

OKLCH एक अवधारणात्मक रूप से एक समान रंग स्पेस है जहाँ lightness, chroma और hue अनुमानित रूप से व्यवहार करते हैं। डिज़ाइनर पैलेट को इसमें माइग्रेट करते हैं क्योंकि OKLCH में रंगों को इंटरपोलेट और हल्का करना HSL या RGB की तुलना में अधिक एक समान दिखता है।

निकटतम नामित रंग कैसे चुना जाता है?

आपके रंग की तुलना RGB में दूरी के अनुसार 148 CSS नामित रंगों से की जाती है, और निकटतम मैच लौटाया जाता है। जब कुछ भी वास्तव में करीब नहीं होता, तो टूल एक भ्रामक नाम सुझाने के बजाय ऐसा कहता है।

क्या कन्वर्टर alpha चैनल बनाए रखता है?

हाँ। एक पारभासी रंग HEXA (#rrggbbaa) के रूप में, rgba()/hsla() के रूप में, और HWB, LAB, LCH, OKLCH और OKLAB पर एक `/ 0.5` alpha पूँछ के साथ दिखाया जाता है। अपारदर्शी रंग alpha को पूरी तरह छोड़ देते हैं।

क्या मैं इनपुट के रूप में एक oklch() या lab() मान पेस्ट कर सकता हूँ?

हाँ। इनपुट किसी भी CSS रंग सिंटैक्स को स्वीकार करता है, जिसमें oklch(), oklab(), lab(), lch() और hwb() शामिल हैं, और इसे हर दूसरे फ़ॉर्मैट में उसी तरह बदलता है जैसे यह HEX या rgb() को संभालता है।

क्या मेरे द्वारा दर्ज किए रंग किसी सर्वर पर भेजे जाते हैं?

नहीं। पार्सिंग और हर रूपांतरण आपके ब्राउज़र में स्थानीय रूप से चलते हैं, इसलिए आपके द्वारा टाइप या पेस्ट किए रंग कभी आपके डिवाइस से बाहर नहीं जाते और ArrayKit पर अपलोड नहीं होते।

Color Format Converter

किसी भी CSS सिंटैक्स में एक रंग दर्ज करें और इसे एक साथ HEX, RGB, HSL, HWB, LAB, LCH, OKLCH और OKLAB के रूप में देखें, एक लाइव स्वैच के साथ। सब कुछ आपके ब्राउज़र में बदलता है।

Color Format Converter हर रंग को आपके ब्राउज़र में स्थानीय रूप से पार्स और बदलता है। आपके द्वारा टाइप या पेस्ट किए मान कभी आपके डिवाइस से बाहर नहीं जाते और कुछ भी ArrayKit पर अपलोड नहीं होता।

CSS Color Converter खोलें

Color Format Converter के बारे में

Color Format Converter किसी भी CSS सिंटैक्स में लिखे एक एकल रंग को लेता है — #7c3aed जैसा एक HEX, एक rgb() या hsl() मान, hwb(), lab(), lch(), oklch(), oklab(), या rebeccapurple जैसा एक नामित रंग — और इसे हर दूसरे नोटेशन में एक साथ दिखाता है। आपको HEX(A), RGB(A), HSL(A), HWB, LAB, LCH, OKLCH और OKLAB मिलते हैं, साथ ही निकटतम CSS नामित रंग और एक लाइव स्वैच, हर एक कॉपी के लिए तैयार। यह उन डिज़ाइनरों और फ्रंट-एंड डेवलपर्स के लिए बनाया गया है जो एक पैलेट को OKLCH जैसे आधुनिक स्पेस में माइग्रेट कर रहे हैं, एक डिज़ाइन टूल और स्टाइलशीट में एक रंग का मिलान कर रहे हैं, या जाँच रहे हैं कि एक अवधारणात्मक रूप से एक समान स्पेस में एक मान कैसा दिखता है। alpha अंत-से-अंत तक संरक्षित रहता है। हर पार्स और रूपांतरण आपके ब्राउज़र में स्थानीय रूप से चलता है, इसलिए आपके द्वारा दर्ज किए रंग कभी आपके डिवाइस से बाहर नहीं जाते।

विशेषताएँ

किसी भी CSS सिंटैक्स में एक रंग दर्ज करें — HEX, rgb(), hsl(), hwb(), lab(), lch(), oklch(), oklab() या एक नामित रंग
HEX(A), RGB(A), HSL(A), HWB, LAB, LCH, OKLCH और OKLAB को साथ-साथ देखें, जैसे-जैसे आप टाइप करते हैं अपडेट होता है
हर व्यक्तिगत फ़ॉर्मैट के लिए एक-क्लिक कॉपी
एक चेकरबोर्ड पर लाइव स्वैच ताकि पारदर्शिता स्पष्ट हो
किसी भी इनपुट के लिए निकटतम CSS नामित रंग सामने लाया गया
alpha को HEXA, rgba()/hsla() और आधुनिक `/ a` सिंटैक्स भर में संरक्षित रखा जाता है
पैलेट को अवधारणात्मक रूप से एक समान स्पेस में माइग्रेट करने के लिए OKLCH और OKLAB आउटपुट
पूरी तरह आपके ब्राउज़र में चलता है — आपके द्वारा दर्ज किए रंग कभी अपलोड नहीं होते

Color Format Converter का उपयोग कैसे करें

किसी भी CSS फ़ॉर्मैट में इनपुट में एक रंग टाइप या पेस्ट करें
यह पुष्टि करने के लिए कि आपने सही रंग दर्ज किया, लाइव स्वैच पढ़ें
आपको जो नोटेशन चाहिए उसे कॉपी करें — HEX, RGB, HSL, HWB, LAB, LCH, OKLCH या OKLAB
जब आपको एक पठनीय लेबल चाहिए तो निकटतम नामित रंग पकड़ें

उदाहरण

इनपुट

#7c3aed

आउटपुट

rgb(124, 58, 237)
hsl(262, 83%, 58%)
oklch(0.5413 0.2466 292.94)

एक HEX एक साथ हर CSS रंग नोटेशन में फैल जाता है।

सामान्य त्रुटियाँ और समस्या निवारण

इनपुट "Couldn’t parse that color." दिखाता है। — जाँचें कि सिंटैक्स एक वास्तविक CSS रंग से मेल खाता है — जैसे #7c3aed, rgb(124 58 237), hsl(262 83% 58%) या एक मान्य रंग नाम। भटके वर्ण या एक छूटा हुआ % पार्सिंग तोड़ देते हैं।
OKLCH या LCH मान एक HEX राउंड-ट्रिप के बाद थोड़े अलग दिखते हैं। — एक व्यापक स्पेस से होकर और वापस बदलना हर चैनल को गोल करता है, इसलिए एक मान एक-दो बिंदु से खिसक सकता है। स्वैच दृश्य रूप से समान रहता है।
निकटतम नामित रंग कहता है कि कुछ भी करीब नहीं है। — केवल 148 CSS नाम मौजूद हैं, इसलिए एक कस्टम ब्रांड रंग का अक्सर कोई निकट मैच नहीं होता। एक नाम के बजाय HEX या OKLCH मान का उपयोग करें।
आउटपुट से alpha गायब हो गया। — alpha केवल तब दिखाया जाता है जब यह 1 से नीचे हो। एक पूरी तरह अपारदर्शी रंग एक alpha पूँछ के बिना सादा #rrggbb, rgb() और hsl() निकालता है।

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

यह कन्वर्टर कौन-से रंग फ़ॉर्मैट आउटपुट करता है?: यह आपके द्वारा दर्ज किए किसी भी रंग के लिए HEX(A), RGB(A), HSL(A), HWB, LAB, LCH, OKLCH और OKLAB को एक साथ दिखाता है, साथ ही निकटतम CSS नामित रंग।
OKLCH क्या है और मैं इसमें क्यों बदलूँगा?: OKLCH एक अवधारणात्मक रूप से एक समान रंग स्पेस है जहाँ lightness, chroma और hue अनुमानित रूप से व्यवहार करते हैं। डिज़ाइनर पैलेट को इसमें माइग्रेट करते हैं क्योंकि OKLCH में रंगों को इंटरपोलेट और हल्का करना HSL या RGB की तुलना में अधिक एक समान दिखता है।
निकटतम नामित रंग कैसे चुना जाता है?: आपके रंग की तुलना RGB में दूरी के अनुसार 148 CSS नामित रंगों से की जाती है, और निकटतम मैच लौटाया जाता है। जब कुछ भी वास्तव में करीब नहीं होता, तो टूल एक भ्रामक नाम सुझाने के बजाय ऐसा कहता है।
क्या कन्वर्टर alpha चैनल बनाए रखता है?: हाँ। एक पारभासी रंग HEXA (#rrggbbaa) के रूप में, rgba()/hsla() के रूप में, और HWB, LAB, LCH, OKLCH और OKLAB पर एक `/ 0.5` alpha पूँछ के साथ दिखाया जाता है। अपारदर्शी रंग alpha को पूरी तरह छोड़ देते हैं।
क्या मैं इनपुट के रूप में एक oklch() या lab() मान पेस्ट कर सकता हूँ?: हाँ। इनपुट किसी भी CSS रंग सिंटैक्स को स्वीकार करता है, जिसमें oklch(), oklab(), lab(), lch() और hwb() शामिल हैं, और इसे हर दूसरे फ़ॉर्मैट में उसी तरह बदलता है जैसे यह HEX या rgb() को संभालता है।
क्या मेरे द्वारा दर्ज किए रंग किसी सर्वर पर भेजे जाते हैं?: नहीं। पार्सिंग और हर रूपांतरण आपके ब्राउज़र में स्थानीय रूप से चलते हैं, इसलिए आपके द्वारा टाइप या पेस्ट किए रंग कभी आपके डिवाइस से बाहर नहीं जाते और ArrayKit पर अपलोड नहीं होते।