tigtools

रंग कन्वर्टर

किसी भी समर्थित फ़ॉर्मैट में रंग का कोड लिखें या पेस्ट करें, या रंग चुनें—बाकी सभी फ़ॉर्मैट तुरंत अपडेट हो जाएँगे।

आपके ब्राउज़र में चलता है साइन अप की ज़रूरत नहीं

इसे HEX के रूप में पढ़ा गया।

HEX
#336699
RGB
rgb(51, 102, 153)
HSL
hsl(210, 50%, 40%)
HWB
hwb(210 20% 40%)
OKLCH
oklch(49.93% 0.0987 250.43)
CMYK
cmyk(66.7%, 33.3%, 0%, 40%)

यहाँ CMYK की गणना एक सरल फ़ॉर्मूले से होती है, इसमें रंग प्रबंधन शामिल नहीं है। प्रिंट के लिए, अपने प्रिंटर द्वारा दिए गए ICC प्रोफ़ाइल से कन्वर्ट करें।

इस्तेमाल करने का तरीका

  1. किसी रंग का कोड लिखें या पेस्ट करें, जैसे #1e90ff, rgb(30 144 255) या oklch(65% 0.18 250)। आप रंग पिकर पर क्लिक भी कर सकते हैं।
  2. स्वैच देखकर पक्का करें कि रंग वही है जिसकी आपको अपेक्षा थी।
  3. सूची से ज़रूरी फ़ॉर्मैट कॉपी करें। पारदर्शिता वाले मानों में alpha बना रहता है।

यह कैसे काम करता है

स्वीकार किए जाने वाले इनपुट: 3, 4, 6 या 8 अंकों वाला HEX (चौथा और आठवाँ अंक alpha होता है), संख्याओं या प्रतिशतों वाला rgb() और rgba(), hsl() और hsla(), hwb(), oklch() तथा प्रतिशतों या 0 से 100 तक की संख्याओं वाला cmyk(). पुराने कॉमा सिंटैक्स और आधुनिक स्पेस सिंटैक्स, जिसमें “/ alpha” हो, दोनों काम करते हैं। Hue के लिए deg, turn, rad और grad स्वीकार किए जाते हैं। “tomato” जैसे नामित रंग पढ़े नहीं जाते; इसके बजाय पिकर या कोड का इस्तेमाल करें।

सभी रूपांतरण sRGB के ज़रिए किए जाते हैं। HSL और HWB, RGB मानों को केवल दूसरे रूप में दिखाते हैं, इसलिए उनका रूपांतरण सटीक होता है। OKLCH एक परसेप्चुअल कलर स्पेस है: इसकी लाइटनेस में समान बढ़ोतरी देखने में लगभग समान अंतर पैदा करती है, इसलिए यह पैलेट बनाने में उपयोगी है। इसकी गणना प्रकाशित OKLab मैट्रिक्स से की जाती है। कुछ OKLCH रंग sRGB में दिखाए जा सकने वाले रंगों की सीमा से बाहर होते हैं; टूल इसकी जानकारी देता है और दिखाए जा सकने वाले सबसे निकटतम रंग को दिखाता है।

CMYK की गणना सामान्य सरल फ़ॉर्मूले से की जाती है (K = 1 − सबसे बड़ा RGB चैनल)। प्रिंट का असली आउटपुट कागज़, स्याही और ICC प्रोफ़ाइल पर निर्भर करता है, इसलिए इन संख्याओं को प्रिंट विनिर्देश नहीं, बल्कि शुरुआती मान समझें।

उदाहरण

ब्रांड के HEX कोड से CSS तक

एक स्टाइल गाइड में #0b5d1e दिया है। इसे पेस्ट करें और पुराने CSS के लिए rgb(11, 93, 30), लाइटनेस को हाथ से बदलने के लिए hsl(133.9, 78.8%, 20.4%), और आधुनिक CSS कलर फ़ंक्शन के लिए oklch() मान पाएँ।

पारदर्शिता वाला रंग समझें

rgba(0, 0, 0, 0.5) का रूपांतरण #00000080 में होता है। आख़िरी दो HEX अंक (80) alpha हैं: 255 में से 128, यानी लगभग 50 %.

डिज़ाइन फ़ाइल से मिले OKLCH मान की जाँच

oklch(70% 0.4 150) बहुत ज़्यादा संतृप्त हरा रंग है, जिसे sRGB स्क्रीन नहीं दिखा सकतीं। टूल इसे चिह्नित करता है और सबसे निकटतम sRGB रंग देता है, ताकि आपको पता रहे कि ज़्यादातर डिस्प्ले पर डिज़ाइन अलग दिखेगा।

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

HSL में बदलकर वापस करने पर कभी-कभी HEX एक स्तर क्यों बदल जाता है?

HEX हर चैनल के लिए 0 से 255 तक की पूर्ण संख्याएँ रखता है। अन्य फ़ॉर्मैट के मान दिखाने के लिए राउंड किए जाते हैं (HSL को एक दशमलव तक), और राउंड किए गए मान को वापस बदलने पर नतीजा एक स्तर अलग हो सकता है। अगर मूल मान बिल्कुल वैसा ही चाहिए, तो HEX कॉपी करें।

क्या CMYK मान प्रिंटिंग के लिए सही है?

नहीं, अपने-आप नहीं। इसमें कलर प्रोफ़ाइल के बिना सरल फ़ॉर्मूला इस्तेमाल होता है। प्रिंटर FOGRA या GRACoL जैसी प्रोफ़ाइलों का इस्तेमाल करते हैं, जिनसे अलग मान मिलते हैं। इसलिए अपने प्रिंटर से पूछें या कलर-मैनेज्ड ऐप्लिकेशन में रूपांतरण करें।

OKLCH क्या है और क्या मैं इसे CSS में इस्तेमाल कर सकता हूँ?

OKLCH किसी रंग को उसकी दिखाई देने वाली लाइटनेस, क्रोमा (रंग की प्रबलता) और hue के आधार पर बताता है। प्रमुख ब्राउज़र के मौजूदा संस्करण CSS में oklch() का समर्थन करते हैं। पुराने ब्राउज़र के लिए HEX या rgb() का फ़ॉलबैक रखें।

8 अंकों वाले HEX कोड का क्या मतलब है?

#RRGGBBAA: आख़िरी दो अंक अपारदर्शिता बताते हैं—00 का मतलब पूरी तरह पारदर्शी और ff का मतलब पूरी तरह अपारदर्शी। 4 अंकों वाला #RGBA फ़ॉर्मैट भी इसी तरह काम करता है, जिसमें हर चैनल के लिए एक अंक होता है।

गोपनीयता

रंगों का रूपांतरण आपके ब्राउज़र में होता है। आपके द्वारा दर्ज की गई कोई भी जानकारी कहीं भेजी या संग्रहीत नहीं की जाती।