CalcOpenly
हिन्दी

रंग कोड परिवर्तक (HEX, RGB, HSL, CMYK, OKLCH)

रंग को HEX, RGB, HSL, HSV, CMYK, CIE Lab और OKLCH के बीच बदलें; सबसे निकट CSS रंग-नाम और सापेक्ष प्रदीप्ति भी निकालें।

AI लेखन टूल से मसौदा तैयारअपडेट किया गया जाँचे गए उदाहरण: 6

#RRGGBB, #RGB, CSS नाम, rgb(), hsl(), hsv(), cmyk(), oklab(), oklch(), या D65 श्वेत बिंदु वाला lab()।
आज़माएँ
HEX
#2E86C1
HEX: #2E86C1
RGB
rgb(46, 134, 193)
HSL
hsl(204.1, 61.5%, 46.9%)
HSV / HSB
hsv(204.1, 76.2%, 75.7%)
CMYK
cmyk(76.2%, 30.6%, 0.0%, 24.3%)
CIE Lab (D65)
L* 53.47, a* -5.68, b* -38.11
OKLCH
oklch(59.57% 0.1217 242.57)
सबसे निकट CSS रंग-नाम
steelblue
उस नाम से दूरी (ΔE OK)
0.0244
सापेक्ष प्रदीप्ति
0.2148

#2E86C1 का HSL रूप hsl(204.1, 61.5%, 46.9%) है: रंगत 204°, संतृप्ति 62%, हल्कापन 47%। सबसे निकट CSS नाम “steelblue” (#4682B4) है।

आपका रंग और उसका सबसे निकट नाम

#2E86C1
rgb(46, 134, 193)
steelblue
#4682B4
गणना कैसे होती है S

  1. चैनलों को 0–1 में बदलें

    R=0.1804, G=0.5255, B=0.7569(46,134,193)÷255R = 0.1804,\ G = 0.5255,\ B = 0.7569\quad(46, 134, 193) \div 255

    hex के रूप में पढ़ा गया।

  2. सबसे बड़े और छोटे चैनल से HSL और HSV

    L=max⁡+min⁡2=0.4686SL=max⁡−Lmin⁡(L, 1−L)=0.6151V=max⁡=0.7569H=204.08∘\begin{aligned} L &= \tfrac{\max + \min}{2} = 0.4686 \\ S_L &= \tfrac{\max - L}{\min(L,\,1-L)} = 0.6151 \\ V &= \max = 0.7569 \\ H &= 204.08^\circ \end{aligned}

  3. CMYK

    K=1−max⁡(R,G,B)=0.2431C=1−R−K1−K=0.7617\begin{aligned} K &= 1 - \max(R,G,B) = 0.2431 \\ C &= \tfrac{1 - R - K}{1 - K} = 0.7617 \end{aligned}

    यह स्याही सीमा या प्रिंटर प्रोफ़ाइल के बिना सामान्य सूत्र है।

  4. रैखिक करें, फिर CIE XYZ (D65) में बदलें

    (R,G,B)lin=(0.0273,0.2384,0.5333)(X,Y,Z)=(0.1928,0.2148,0.5358)\begin{aligned} (R, G, B)_{lin} &= (0.0273, 0.2384, 0.5333) \\ (X, Y, Z) &= (0.1928, 0.2148, 0.5358) \end{aligned}

    IEC 61966-2-1 का रूपांतरण वक्र और CSS Color 4 का sRGB-से-XYZ मैट्रिक्स उपयोग होता है।

  5. D65 श्वेत बिंदु के सापेक्ष CIE Lab

    L∗=116f(Y)−16=53.47a∗=500 [f(X/Xn)−f(Y)]=−5.68b∗=200 [f(Y)−f(Z/Zn)]=−38.11\begin{aligned} L^* &= 116 f(Y) - 16 = 53.47 \\ a^* &= 500\,[f(X/X_n) - f(Y)] = -5.68 \\ b^* &= 200\,[f(Y) - f(Z/Z_n)] = -38.11 \end{aligned}

    CSS lab() D50 श्वेत बिंदु उपयोग करता है, इसलिए उसके मान इन D65 मानों से कुछ अलग हैं।

  6. OKLab और OKLCH

    (L,a,b)=(0.5957,−0.0560,−0.1080)C=a2+b2=0.1217h=atan2⁡(b,a)=242.57∘\begin{aligned} (L, a, b) &= (0.5957, -0.0560, -0.1080) \\ C &= \sqrt{a^2 + b^2} = 0.1217 \\ h &= \operatorname{atan2}(b, a) = 242.57^\circ \end{aligned}

    Ottosson के दो मैट्रिक्सों के बीच LMS शंकु प्रतिक्रियाओं का घनमूल लिया जाता है।

  7. सबसे निकट CSS नाम

    ΔEOK=0.0244(#4682B4)\Delta E_{OK} = 0.0244 (\text{\#4682B4})

    सबसे निकट CSS नाम: steelblue। दूरी OKLab में सीधी रेखा का अंतर है। CSS Color 4 में गैमट मैपिंग के लिए 0.02 को बस पहचान में आने वाला अंतर माना जाता है।

रंग कोड परिवर्तक (HEX, RGB, HSL, CMYK, OKLCH) के बारे में

यह परिवर्तक सूची में दिए रंग प्रारूपों को 0 से 1 के sRGB चैनलों में पढ़कर बाकी प्रारूप निकालता है। HEX और RGB चैनलों को 0–255 में बदलते हैं; HSL और HSV सबसे बड़े व छोटे चैनल से निकलते हैं; CMYK में K = 1 − max(R, G, B) है। CIE Lab और OKLCH के लिए पहले IEC 61966-2-1 का sRGB गामा रूपांतरण उलटा जाता है, फिर D65 श्वेत बिंदु वाले CIE XYZ में बदलकर CIE 15 और Ottosson (2020) के सूत्र लगाए जाते हैं।

डिज़ाइनर और फ़्रंट-एंड डेवलपर CSS, डिज़ाइन उपकरणों और मुद्रण के बीच रंग बदलने में इसका उपयोग कर सकते हैं। डिफ़ॉल्ट #2E86C1, rgb(46, 134, 193), hsl(204.1, 61.5%, 46.9%) और oklch(59.57% 0.1217 242.57) है। सबसे निकट CSS नाम steelblue (#4682B4) है।

यहाँ CMYK का सामान्य सूत्र उपयोग होता है, प्रिंटर प्रोफ़ाइल नहीं; इसलिए प्रिंट सेवा के मान अलग हो सकते हैं। यहाँ lab() इनपुट और CIE Lab आउटपुट D65 उपयोग करते हैं; CSS lab() D50 उपयोग करता है, इसलिए वे सीधे परस्पर विनिमेय नहीं हैं। पारदर्शिता अनदेखी की जाती है और sRGB सीमा से बाहर के चैनल काटे जाते हैं।

HEX रंग से RGB निकालें

छह हेक्स अंकों को दो-दो के तीन जोड़ों में बाँटें। हर जोड़े में पहला अंक ×16 + दूसरा अंक है। #2E86C1 में 2E = 46, 86 = 134 और C1 = 193; इसलिए rgb(46, 134, 193) है। उल्टा बदलते समय हर RGB चैनल को हेक्स में लिखें और दो अंक पूरे करें: rgb(9, 9, 9) → #090909।

तीन-अंक shorthand हर अंक दोहराता है: #F80 → #FF8800। CSS नाम भी ठीक-ठीक कोड हैं। W3C की named-color सूची के keyword नीचे मूल रूप में हैं, ताकि उन्हें stylesheet में सीधे इस्तेमाल कर सकें।

CSS नाम और उनके सटीक चैनल

CSS नामHEXRGB
purple#800080rgb(128, 0, 128)
violet#EE82EErgb(238, 130, 238)
gray#808080rgb(128, 128, 128)
grey#808080rgb(128, 128, 128)
green#008000rgb(0, 128, 0)
lime#00FF00rgb(0, 255, 0)
brown#A52A2Argb(165, 42, 42)
black#000000rgb(0, 0, 0)
pink#FFC0CBrgb(255, 192, 203)
white#FFFFFFrgb(255, 255, 255)
ivory#FFFFF0rgb(255, 255, 240)
yellow#FFFF00rgb(255, 255, 0)
red#FF0000rgb(255, 0, 0)
teal#008080rgb(0, 128, 128)
orange#FFA500rgb(255, 165, 0)
lavender#E6E6FArgb(230, 230, 250)
cyan#00FFFFrgb(0, 255, 255)

green आधी तीव्रता वाला #008000 है; पूरा हरा चैनल lime #00FF00 है। gray और grey एक ही #808080 हैं। रंग का हिंदी नाम अनुमान से लिखने के बजाय स्वीकार किया गया CSS keyword या कोड दें।

HSL, HSV और OKLCH का अर्थ

HSL में lightness अधिकतम और न्यूनतम सामान्यीकृत RGB चैनलों का औसत है। HSV में value सिर्फ़ सबसे बड़ा चैनल है। उसी #2E86C1 के लिए hsl(204.1, 61.5%, 46.9%), लेकिन hsv(204.1, 76.2%, 75.7%) है। दोनों के प्रतिशत आपस में बदलने योग्य नहीं हैं।

OKLCH रंग को lightness, chroma और hue में लिखता है। OKLab के मूल विवरण पर आधारित परिणाम यहाँ oklch(59.57% 0.1217 242.57) है। शुद्ध gray की chroma शून्य होने पर hue none हो सकता है; यह कोई छूटी हुई रंग-जानकारी नहीं है।

प्रिंट, Lab और निकटतम नाम की सीमा

CMYK साधारण RGB-आधारित सूत्र है, किसी प्रेस या कागज़ का ICC profile नहीं। प्रिंट के वास्तविक चैनल प्रोफ़ाइल के अनुसार बदलेंगे। यहाँ CIE Lab का white point D65 है; CSS lab() में D50 होता है। बिना white point साथ रखे समान संख्याएँ कॉपी करना रंग बदल सकता है।

निकटतम CSS नाम OKLab दूरी से चुना जाता है। #2E86C1 का निकटतम नाम steelblue, #4682B4, है; वह मूल रंग नहीं है। सटीक ब्रांड रंग के लिए अपना मूल कोड रखें।

पारदर्शिता और gamut

Alpha स्वीकार होने पर भी इन गणनाओं में अनदेखा किया जाता है। पारदर्शी रंग का दिखने वाला परिणाम पृष्ठभूमि से मिलाने के बाद जाँचें। sRGB सीमा से बाहर के OKLCH रंग clip किए जाते हैं और चेतावनी आती है; इसलिए लौटे हुए रंग का कोड मूल अनुरोध से बदल सकता है।

रंगों की जोड़ी की पठनीयता कॉन्ट्रास्ट चेकर में जाँचें। हल्के/गहरे रूप बनाने के लिए पैलेट जनरेटर देखें।

हल किए गए उदाहरण

स्टील नीला #2E86C1

रंग
#2E86C1
RGB
rgb(46, 134, 193)
HSL
hsl(204.1, 61.5%, 46.9%)
HSV / HSB
hsv(204.1, 76.2%, 75.7%)
CMYK
cmyk(76.2%, 30.6%, 0.0%, 24.3%)

जाँच का स्रोत: स्वतंत्र गणना

शुद्ध लाल

रंग
लाल
HEX
#FF0000
CIE Lab (D65)
L* 53.24, a* 80.09, b* 67.20
OKLCH
oklch(62.80% 0.2577 29.23)
सापेक्ष प्रदीप्ति
0.2126

जाँच का स्रोत: Bruce Lindbloom के sRGB/D65 लाल (53.24, 80.09, 67.20) और CSS Color 4 के oklch(62.8% 0.2577 29.23) से मेल

HSL इनपुट नामित रंग पर पहुँचता है

रंग
hsl(120, 100%, 25.1%)
HEX
#008000
सबसे निकट CSS रंग-नाम
हरा

जाँच का स्रोत: CSS Color 4 §6.1 में green = #008000

सफ़ेद में रंगत नहीं होती (सीमा जाँच)

रंग
#fff
HEX
#FFFFFF
HSL
hsl(0.0, 0.0%, 100.0%)
CMYK
cmyk(0.0%, 0.0%, 0.0%, 0.0%)
OKLCH
oklch(100.00% 0.0000 none)
सबसे निकट CSS रंग-नाम
सफ़ेद

जाँच का स्रोत: उदाहरण जाँच: max = min = 1 से संतृप्ति और वर्ण तीव्रता शून्य हैं; CSS Color 4 में अक्रोमैटिक रंग की रंगत अप्रभावी (none) है

सवाल

HEX को RGB में कैसे बदलें?

छह हेक्स अंक तीन युग्मों में बाँटें और हर युग्म को आधार 16 से दशमलव में बदलें: #2E86C1 में 2E = 46, 86 = 134 और C1 = 193, इसलिए rgb(46, 134, 193)। तीन-अंकीय संक्षेप में हर अंक दोहरता है: #F80 का अर्थ #FF8800 है। उलटा बदलने के लिए हर 0–255 चैनल को दो हेक्स अंकों में लिखें; 16 से छोटे मान के आगे 0 लगाएँ।

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

दोनों में रंगत का कोण समान है, लेकिन बाकी दो मानों की परिभाषा अलग है। HSL का हल्कापन सबसे बड़े और छोटे चैनल का औसत है; शुद्ध रंग 50% और सफ़ेद 100% पर हैं। HSV का मान सबसे बड़ा चैनल है, इसलिए शुद्ध रंग 100% पर हैं। #2E86C1 के लिए hsl(204.1, 61.5%, 46.9%) और hsv(204.1, 76.2%, 75.7%) मिलते हैं। CSS में hsl() और hwb() हैं, hsv() नहीं।

CMYK रूपांतरण प्रिंटर के मानों से क्यों नहीं मिलता?

सामान्य रूपांतरण केवल स्क्रीन RGB को बदलता है: K = 1 − max(R, G, B); K < 1 पर हर स्याही का हिस्सा (1 − चैनल − K) ÷ (1 − K) है। इसमें काग़ज़, स्याही या प्रेस की जानकारी नहीं होती। मुद्रण में FOGRA39 या GRACoL 2006 जैसी ICC प्रोफ़ाइल कुल स्याही और रंगों को समायोजित करती है। इन मानों को शुरुआती अनुमान मानें और प्रिंटर की प्रोफ़ाइल लें।

OKLCH क्या है और CSS में इसका उपयोग क्यों करें?

OKLCH, Björn Ottosson के 2020 OKLab रंग-स्थान का ध्रुवीय रूप है: हल्कापन L, वर्ण तीव्रता C और रंगत h। L में बराबर बदलाव, अलग रंगतों में लगभग बराबर दृश्य हल्कापन बदलता है; HSL में ऐसा नहीं होता। इसलिए यह रंग-पैलेट और सुगम रंग-क्रम बनाने में उपयोगी है। CSS Color Level 4 में oklch() परिभाषित है। शुद्ध लाल oklch(62.8% 0.2577 29.23) है।

सापेक्ष प्रदीप्ति क्या है?

सापेक्ष प्रदीप्ति काले (0) से सफ़ेद (1) तक रंग की चमक मापती है। sRGB गामा वक्र हटाने के बाद रैखिक चैनलों से L = 0.2126 R + 0.7152 G + 0.0722 B निकाला जाता है। हरे का भार सबसे अधिक है। शुद्ध लाल का मान 0.2126 और #2E86C1 का लगभग 0.2148 है। WCAG कॉन्ट्रास्ट अनुपात में (L1 + 0.05) ÷ (L2 + 0.05) उपयोग होता है।

इस कैलकुलेटर के बारे में

Clin={C/12.92C≤0.04045(C+0.0551.055)2.4C>0.04045L∗=116f(Y/Yn)−16\begin{aligned} C_{lin} &= \begin{cases} C/12.92 & C \le 0.04045 \\ \left(\frac{C+0.055}{1.055}\right)^{2.4} & C > 0.04045\end{cases} \\[4pt] L^* &= 116 f(Y/Y_n) - 16 \end{aligned}

स्रोत

  1. W3C CSS Color Module Level 4 — sRGB, HSL, HWB conversions and sample code
  2. IEC 61966-2-1:1999 — Default RGB colour space sRGB
  3. CIE 15:2004 Colorimetry, 3rd ed. — CIELAB (ε = 216/24389, κ = 24389/27)
  4. Björn Ottosson (2020), A perceptual color space for image processing (OKLab)

संदर्भों से जाँच की गई

इस कैलकुलेटर में स्वतंत्र स्रोतों के उत्तरों वाले 6 हल किए गए उदाहरण शामिल हैं। ये परीक्षण समूह में चलते हैं और आप इन्हें यहाँ भी चला सकते हैं।

यह कैलकुलेटर अपनी वेबसाइट पर लगाएँ

जहाँ कैलकुलेटर दिखाना है, वहाँ इसे पेस्ट करें। इसका उपयोग मुफ़्त है, यहाँ किए गए सुधार इसमें अपने आप पहुँच जाते हैं, और उसके नीचे की श्रेय पंक्ति मूल पेज का लिंक देती है, जिससे आपके पाठक पूरा संस्करण देख सकते हैं।

ऊँचाई
एम्बेड का पूर्वावलोकन देखें

श्रेय पंक्ति बनी रहने दें। यही एकमात्र शर्त है, और इसी से ये कैलकुलेटर मुफ़्त रहते हैं।

संबंधित कैलकुलेटर