कलर कन्वर्टर की सूची

कलर कन्वर्टर कोई भी फ़ॉर्मेट, हर दिशा

किसी भी ऐसे नोटेशन में रंग पेस्ट करें जिसे कन्वर्टर पढ़ते हैं, और उसे सबमें देखें। हर मान के साथ कॉपी बटन है, नीचे की सूची कई रंग एक साथ बदलती है, और हर जोड़ी का अपना कन्वर्टर पेज है।

कोई भी रंग

हेक्स, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color(), सीएसएस नाम, CMYK, HSV, कोड लिटरल और भी बहुत कुछ: टाइप करते-करते फ़ॉर्मेट पहचाना जाता है।

इनपुट इस रूप में पढ़ें

इस रूप में पढ़ा गया हेक्स

कन्वर्टर के लिए जावास्क्रिप्ट चाहिए। दिखाए गए मान #D3AF37 के हैं, और नीचे के उदाहरण उसके बिना भी पढ़े जा सकते हैं।

परिणाम

sRGB के भीतर

हेक्स: #D3AF37
RGB: rgb(211 175 55)
HSL: hsl(46.2 63.9% 52.2%)
OKLCH: oklch(76.55% 0.13847 91.55)
Display P3: color(display-p3 0.80472 0.69157 0.30739)

इसका रंग पेज खोलें कन्वर्टर हब में सभी फ़ॉर्मेट

कलर कन्वर्टर की सूची

एक साथ हर फ़ॉर्मेट

वही रंग, हर उस नोटेशन में जिसे कन्वर्टर जानते हैं। हर नाम अपना कन्वर्टर खोलता है।

हर फ़ॉर्मेट में रंग
फ़ॉर्मेट करें	मान	कॉपी करें
वेब और सीएसएस
हेक्स सीएसएस	`#D3AF37`
RGB सीएसएस	`rgb(211 175 55)`
sRGB (0 से 1) सीएसएस	`color(srgb 0.8275 0.6863 0.2157)`
लीनियर sRGB सीएसएस	`color(srgb-linear 0.65141 0.42869 0.0382)`
HSL सीएसएस	`hsl(46.2 63.9% 52.2%)`
HSV (HSB) नोटेशन	`hsv(46.2 73.9% 82.7%)`
HWB सीएसएस	`hwb(46.2 21.6% 17.3%)`
सीएसएस रंग-नाम सीएसएस	`goldenrod`सबसे नज़दीकी ΔE00 5.00
पर्सेप्चुअल और CIE
OKLCH सीएसएस	`oklch(76.55% 0.13847 91.55)`
OKLab सीएसएस	`oklab(76.55% -0.00375 0.13842)`
CIELAB सीएसएस	`lab(73.19 4.7 62.68)`
CIE LCH सीएसएस	`lch(73.19 62.86 85.71)`
CIE XYZ (D65) सीएसएस	`color(xyz-d65 0.42882 0.44786 0.1)`
CIE XYZ (D50) सीएसएस	`color(xyz-d50 0.45463 0.45457 0.07797)`
CIE xyY नोटेशन	`xyY(0.43906 0.45855 0.44786)`
CIELUV नोटेशन	`luv(72.75 30.75 69)`
वाइड गैमट
Display P3 सीएसएस	`color(display-p3 0.80472 0.69157 0.30739)`
Rec. 2020 सीएसएस	`color(rec2020 0.74174 0.66017 0.25864)`
Adobe RGB (1998) सीएसएस	`color(a98-rgb 0.78545 0.68035 0.26584)`
ProPhoto RGB सीएसएस	`color(prophoto-rgb 0.67408 0.63343 0.26964)`
प्रिंट और पेंट
CMYK नोटेशन	`cmyk(0% 17.1% 73.9% 17.3%)`
RAL Classic नोटेशन	`RAL 1032 Broom yellow`सबसे नज़दीकी ΔE00 3.02
वीडियो
YCbCr (JPEG, BT.601) नोटेशन	`ycbcr(172.08 61.93 155.76)`
YCbCr (HD वीडियो, BT.709) नोटेशन	`ycbcr709(165.43 71.67 148.64)`
कोड और प्लैटफ़ॉर्म
दशमलव पूर्णांक नोटेशन	`13872951`
Android और Flutter ARGB नोटेशन	`0xFFD3AF37`
Android कलर int नोटेशन	`-2904265`
SwiftUI और UIKit नोटेशन	`Color(red: 0.8275, green: 0.6863, blue: 0.2157)`
GLSL vec3 / vec4 नोटेशन	`vec3(0.8275, 0.6863, 0.2157)`
एम्बेडेड और टर्मिनल
RGB565 नोटेशन	`0xD567`कुछ जानकारी खोई
ANSI 256 (xterm) नोटेशन	`38;5;178`सबसे नज़दीकी ΔE00 3.11

कलर कन्वर्टर की सूची

पूरी सूची कन्वर्ट करें

हर लाइन में एक रंग पेस्ट करें, किसी भी नोटेशन में, और वह फ़ॉर्मेट चुनें जिसमें उन्हें लिखना है। एक बार में 500 लाइन तक; ख़ाली लाइनें छोड़ दी जाती हैं।

रंग, हर लाइन में एक

इन्हें इस रूप में लिखें

8 कन्वर्ट हुए 1 पढ़े नहीं गए

सूची, कन्वर्ट की हुई
लाइन	इनपुट	इस रूप में पढ़ा गया	आउटपुट
1	`#D3AF37`	हेक्स	`oklch(76.55% 0.13847 91.55)`
2	`rebeccapurple`	सीएसएस रंग-नाम	`oklch(44.03% 0.1603 303.37)`
3	`rgb(29 78 216 / 50%)`	RGB	`oklch(48.82% 0.21717 264.38 / 50%)`
4	`hsl(140 60% 40%)`	HSL	`oklch(63.18% 0.15894 149.73)`
5	`oklch(70% 0.25 145)`	OKLCH	`oklch(70% 0.25 145)`
6	`color(display-p3 1 0 0)`	Display P3	`oklch(64.86% 0.29949 28.96)`
7	`cmyk(0% 60% 90% 10%)`	CMYK	`oklch(64.42% 0.18561 41.93)`
8	`0xFF14532D`	Android और Flutter ARGB	`oklch(39.25% 0.08962 152.54)`
9	`not a color`	पढ़ा नहीं गया

कलर कन्वर्टर की सूची

हर कन्वर्टर

हर जोड़ी के लिए एक पेज, दोनों दिशाओं वाले कन्वर्टर, गणित के हर क़दम और हल किए गए उदाहरणों के साथ।

वेब और सीएसएस

पर्सेप्चुअल और CIE

वाइड गैमट

प्रिंट और पेंट

वीडियो

कोड और प्लैटफ़ॉर्म

एम्बेडेड और टर्मिनल

मेथड

मुझे कौन-सा फ़ॉर्मेट चाहिए?

वेब पेज के लिए, sRGB के अंदर के रंगों के लिए हेक्स या rgb(), और चौड़े रंगों के लिए oklch() या color(display-p3), हेक्स फ़ॉलबैक के साथ।
डिज़ाइन सिस्टम के लिए OKLCH, क्योंकि उसकी लाइटनेस के बराबर क़दम बराबर दिखते हैं।
प्रिंट के लिए, आपके प्रिंटर की प्रोफ़ाइल वाली CMYK; यहाँ की CMYK एक शुरुआत है।
ऐप के लिए वह लिटरल जो आपका प्लैटफ़ॉर्म पढ़ता है: Android, Compose और Flutter के लिए ARGB, Swift के लिए Color(red:green:blue:)।
कलर साइंस के लिए CIELAB या XYZ, और अंतरों के लिए CIEDE2000।

अगला

यहाँ से कहाँ जाएँ

मेथड

स्रोत और टेस्टिंग

CSS Color Module Level 4, 5.2: the RGB hexadecimal notations w3.org
CSS Color Module Level 4, 5.1: the rgb() and rgba() functions w3.org
CSS Color Module Level 4, 9.1: the lab() function w3.org
CIE 15:2018, Colorimetry cie.co.at
CSS Color Module Level 4, 9.4: the oklab() and oklch() functions w3.org
Björn Ottosson, A perceptual color space for image processing (2020) bottosson.github.io
CSS Color Module Level 4, 10.4: the predefined Display P3 color space w3.org
CSS Color Module Level 5: the device-cmyk() function w3.org

कन्वर्ज़न आपके ब्राउज़र में साइट के साझा कलर कोड से चलते हैं; आप जो भी टाइप करते हैं, वह कहीं नहीं भेजा जाता।
एक स्वचालित टेस्ट इस पेज के हर मान की दोबारा गणना करता है और हर फ़ॉर्मेट को वापस पढ़ता है।
कीबोर्ड, axe इंजन और Chromium में Playwright से, लाइट और डार्क थीम में, फ़ोन और डेस्कटॉप की चौड़ाई पर जाँचा गया। इसे अभी स्क्रीन रीडर से नहीं जाँचा गया है।

कोई ग़लती मिली? हमें बताएँ और हम उसे ठीक करेंगे।