कलर कन्वर्टर: HEX, RGB, HSL, HSV, HWB, CMYK, LAB और OKLCH

किसी भी रंग को HEX, RGB, HSL, HSV, HWB, CMYK, CIELAB और OKLCH में बदलें, उसका CSS नाम और सफ़ेद व काले पर WCAG कंट्रास्ट देखें। मुफ़्त, आपके ब्राउज़र में।

HEX (#rgb, #rrggbb, #rrggbbaa), rgb()/rgba(), hsl()/hsla(), hsv(), hwb(), cmyk(), lab(), oklch() और 148 CSS रंग नाम स्वीकार करता है।

CSS नाम: dodgerblue
HEX#1e90ff
RGBrgb(30, 144, 255)
HSLhsl(209.6, 100%, 55.9%)
HSV / HSBhsv(209.6, 88.2%, 100%)
HWBhwb(209.6 11.8% 0%)
CMYKcmyk(88.2%, 43.5%, 0%, 0%)
CIELABlab(58.36% 0.89 -64.78)
OKLCHoklch(65.2% 0.1901 253.21)
Aa
सफ़ेद पर कंट्रास्ट
3.23:1
AA सामान्य टेक्स्ट (4.5:1) ✗AA बड़ा टेक्स्ट (3:1) ✓AAA सामान्य टेक्स्ट (7:1) ✗
Aa
काले पर कंट्रास्ट
6.48:1
AA सामान्य टेक्स्ट (4.5:1) ✓AA बड़ा टेक्स्ट (3:1) ✓AAA सामान्य टेक्स्ट (7:1) ✗

CIELAB, CSS Color 4 की तरह D50 व्हाइट पॉइंट इस्तेमाल करता है। मान सिर्फ़ दिखाने के लिए राउंड होते हैं; रूपांतरण पूरी सटीकता से होता है। CMYK, HSV और कंट्रास्ट में अल्फ़ा अनदेखा होता है।

कलर कन्वर्टर क्या है?

किसी भी आम संकेतन में रंग पेस्ट करें और उसे एक साथ आठ कलर मॉडल में पाएँ: HEX, RGB(A), HSL(A), HSV, HWB, CMYK, CIELAB और OKLCH। टूल मेल खाता CSS रंग नाम (अगर सटीक नाम मौजूद हो) और सफ़ेद व काले पर उस रंग का WCAG कंट्रास्ट अनुपात भी दिखाता है।

कलर कन्वर्टर का उपयोग कैसे करें

  1. रंग (कोई भी फ़ॉर्मेट) में रंग टाइप या पेस्ट करें, जैसे #1e90ff, rgb(30 144 255), hsl(210 100% 56%), oklch(65% 0.19 253) या tomato, या कलर पिकर से चुनें।
  2. बदले हुए मान नतीजों की सूची में पढ़ें; हर पंक्ति का अपना कॉपी करें बटन है।
  3. सटीक नामित रंग के लिए CSS नाम और WCAG AA व AAA नतीजों के लिए सफ़ेद पर कंट्रास्ट / काले पर कंट्रास्ट कार्ड देखें।
  4. अगर LAB या OKLCH मान sRGB से बाहर है, तो चेतावनी बताती है कि उसे सबसे नज़दीकी दिखाए जा सकने वाले रंग पर क्लिप किया गया है।

उदाहरण

इनपुट
#ff0000
आउटपुट
rgb(255, 0, 0) · hsl(0, 100%, 50%) · hsv(0, 100%, 100%) · hwb(0 0% 0%) · cmyk(0%, 100%, 100%, 0%) · lab(54.29% 80.8 69.89) · oklch(62.8% 0.2577 29.23) · CSS name: red

सफ़ेद पर कंट्रास्ट 3.99:1 है, इसलिए शुद्ध लाल सामान्य टेक्स्ट के लिए WCAG AA में फ़ेल होता है।

कलर कन्वर्टर का उपयोग कब करें

रंगों को डिज़ाइन टूल और CSS के बीच ले जाते समय, पैलेट बनाने के लिए OKLCH जैसे परसेप्चुअल मॉडल की ज़रूरत हो, या टेक्स्ट कंट्रास्ट जल्दी जाँचना हो तब इसका उपयोग करें। पेशेवर प्रिंट प्रूफ़ के लिए CMYK आउटपुट इस्तेमाल न करें: असली प्रिंटिंग को ICC कलर प्रोफ़ाइल चाहिए, जिसे यह सरल सूत्र अनदेखा करता है।

कलर कन्वर्टर कैसे काम करता है

हर इनपुट को gamma-encoded sRGB चैनल और alpha में पार्स किया जाता है। HSL, HSV और HWB sRGB के मानक बेलनाकार रूपांतरण हैं; CMYK सरल, डिवाइस-स्वतंत्र सूत्र K = 1 − max(R,G,B) है। LAB के लिए sRGB मानों को रैखिक किया जाता है, CIE XYZ (D65) में बदला जाता है, Bradford मैट्रिक्स से D50 में क्रोमैटिकली एडाप्ट किया जाता है और CIELAB बनाया जाता है, ठीक CSS Color 4 की तरह। OKLCH रैखिक sRGB पर Björn Ottosson के OKLab मैट्रिक्स इस्तेमाल करता है। मान सिर्फ़ दिखाने के लिए राउंड होते हैं (RGB के लिए पूर्णांक, HSL/HSV/HWB/CMYK के लिए एक दशमलव, LAB के लिए दो)। कंट्रास्ट WCAG 2.x की relative luminance का पालन करता है: (L1 + 0.05) / (L2 + 0.05)।

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

  • स्टाइल गाइड के ब्रांड HEX कोड को CSS वेरिएबल के लिए hsl() या oklch() में बदलना
  • DevTools के rgba() मान को alpha वाले 8-अंकीय HEX में बदलना
  • जाँचना कि टेक्स्ट का रंग सफ़ेद बैकग्राउंड पर WCAG AA (4.5:1) पास करता है या नहीं
  • #663399 (rebeccapurple) जैसे HEX मान का CSS कीवर्ड ढूँढना
  • ऑफ़िस प्रिंटआउट के लिए अनुमानित CMYK प्रतिशत पाना

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

LAB मान Photoshop से अलग क्यों है?

यह टूल CSS Color 4 का पालन करता है, जो Bradford एडैप्टेशन के साथ D50 व्हाइट पॉइंट इस्तेमाल करता है। कुछ ऐप LAB को D65 के सापेक्ष दिखाते हैं, जिससे संख्याएँ थोड़ी अलग आती हैं।

"sRGB गैमट से बाहर" का क्या मतलब है?

LAB और OKLCH ऐसे रंग बता सकते हैं जो सामान्य sRGB स्क्रीन नहीं दिखा सकती। ऐसे इनपुट चैनल-दर-चैनल सबसे नज़दीकी दिखाए जा सकने वाले रंग पर क्लिप होते हैं, और चेतावनी बताती है कि HEX/RGB मान अनुमानित हैं।

कंट्रास्ट अनुपात कैसे राउंड होता है?

इसे दो दशमलव तक ऊपर राउंड करने की बजाय काटा जाता है, ताकि 4.499 का अनुपात कभी 4.5:1 पास करता न दिखे।

क्या alpha हर फ़ॉर्मेट में रहता है?

Alpha HEX (8 अंक), rgba(), hsla(), HWB, LAB और OKLCH में रहता है। HSV और CMYK में alpha चैनल नहीं होता, और कंट्रास्ट अपारदर्शी रंग के लिए निकाला जाता है।

और श्रेणियाँ देखें

CRC
त्रुटि का पता लगाने के लिए चक्रीय अतिरेक जांच एल्गोरिदम
MD
संदेश डाइजेस्ट एल्गोरिदम (MD2, MD4, MD5)
SHA-1
सुरक्षित हैश एल्गोरिथ्म 1 - 160-बिट हैश फ़ंक्शन
SHA-2
सुरक्षित हैश एल्गोरिथ्म 2 परिवार (SHA-224, SHA-256, SHA-384, SHA-512)