0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
कॉन्फ़िगरेशन
सभी प्रारूपों के बीच रंगों को कनवर्ट करें: HEX, RGB, HSL, HWB, HSV, LAB, LCH, OKLab, OKLCh, XYZ D50/D65, Display P3, A98, ProPhoto, Rec. 2020 और CMYK। एक इंटरेक्टिव दृश्य चयनकर्ता शामिल है।
#3b82f6
HEX, rgb(), hsl(), oklch(), color(), आदि।
परिणाम
मूलभूत
#RRGGBB
#RRGGBBAA
rgb(r g b)
CSS स्तर 3
hsl(h s% l%)
CSS स्तर 4
hwb(h w% b%)
lab(l a b)
lch(l c h)
oklab(l a b)
oklch(l c h)
color(xyz-d50 x y z)
color(xyz-d65 x y z)
color()
color(display-p3 r g b)
color(a98-rgb r g b)
color(prophoto-rgb r g b)
color(rec2020 r g b)
अन्य
hsv(h s% v%)
मुद्रण
cmyk(c% m% y% k%)

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

एक ही रंग को कई तरह से लिखा जा सकता है। HEX (#RRGGBB) और RGB लाल, हरे और नीले के मिश्रण का वर्णन करते हैं; HSL और HSV इसे रंगत, संतृप्ति और चमक से वर्णित करते हैं, जो विकल्प चुनने के लिए अधिक सहज हैं; और CMYK मुद्रण के लिए है।

यह टूल HEX, RGB या HSL में एक रंग लेता है और उसे तुरंत सभी फ़ॉर्मैट में बदल देता है, जिसमें HWB, LAB, LCH, OKLab, OKLCh जैसे आधुनिक CSS स्तर 4 स्पेस और color() फ़ंक्शन (Display P3, Rec. 2020, ProPhoto) शामिल हैं।

विज़ुअल पिकर और संख्यात्मक नियंत्रण आपको रंग समायोजित करने और सभी मानों को एक साथ बदलते देखने देते हैं। सब कुछ आपके ब्राउज़र में गणना होता है।

उदाहरण

#ff0000rgb(255 0 0) · hsl(0 100% 50%) · cmyk(0% 100% 100% 0%)शुद्ध लाल: लाल चैनल में अधिकतम, हरे और नीले में शून्य।
#3b82f6rgb(59 130 246)हेक्साडेसिमल अंकों का प्रत्येक जोड़ा (3b, 82, f6) किसी चैनल का 0-255 मान है: 59, 130 और 246।
#ffffffrgb(255 255 255) · hsl(0 0% 100%)सफ़ेद में तीनों चैनल अधिकतम पर होते हैं; HSL में चमक 100%।

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

  • किसी डिज़ाइन गाइड के HEX रंग को उस RGB या HSL फ़ॉर्मैट में बदलना जो आपके CSS या फ़्रेमवर्क को चाहिए।
  • किसी मुद्रण सामग्री को तैयार करने के लिए किसी स्क्रीन रंग का CMYK समतुल्य प्राप्त करना।
  • किसी वाइड-गैमट पैलेट को ट्यून करते समय आधुनिक रंग स्पेस (OKLCh, Display P3) का अन्वेषण करना।

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

अल्फा चैनल क्या है और HEX में इसे कैसे लिखा जाता है?

अल्फा अपारदर्शिता है, 0 (पारदर्शी) से 100% तक। HEX में इसे अंत में अंकों के एक जोड़े के रूप में जोड़ा जाता है: #RRGGBBAA। उदाहरण के लिए, #ff000080 50% अपारदर्शिता वाला लाल है।

HSL और HSV में क्या अंतर है?

दोनों रंगत और संतृप्ति उपयोग करते हैं, पर तीसरा अक्ष भिन्न है: HSL चमक उपयोग करता है (जहाँ 100% सफ़ेद है) और HSV मान या ब्राइटनेस उपयोग करता है (जहाँ 100% सबसे तीव्र रंग है)। हल्के और गहरे रंग बनाने के लिए HSL आमतौर पर अधिक सुविधाजनक होता है।

OKLab और OKLCh क्यों मौजूद हैं?

ये अवधारणात्मक रूप से एकसमान स्पेस हैं: मानों के बीच समान दूरियाँ समान दृश्य अंतर से मेल खाती हैं। ये HSL की तुलना में अधिक प्राकृतिक ग्रेडिएंट और चमक समायोजन बनाते हैं, और CSS इन्हें स्तर 4 से समर्थन करता है।

क्या यह जो CMYK दिखाता है वह मुद्रण के लिए सटीक है?

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

यह भी देखें