रंग फ़ॉर्मेटर

विज़ुअल कलर पिकर और पूर्वावलोकन के साथ HEX, RGB, HSL फ़ॉर्मेट्स के बीच रंगों को बदलें

Color Input

All Formats

Tips

  • Use the color picker or type a color value in any supported format
  • Supported formats: HEX (#3B82F6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%))
  • 3-digit HEX shorthand is supported (e.g. #F00 = #FF0000)

पेशेवर रंग फ़ॉर्मेटर प्रोसेसिंग सुविधाएं

रंग फ़ॉर्मेटर डेटा के साथ कुशल और पेशेवर तरीके से काम करने के लिए आपको वह सब कुछ जो चाहिए

रंग सत्यापन

तात्कालिक रूपांतरण के लिए रंग इनपुट को मान्य करें और फ़ॉर्मेट (HEX, RGB, HSL) को स्वतः पहचानें।

फ़ॉर्मेट रूपांतरण

एक क्लिक में या टाइप करते समय HEX, RGB, HSL और HSV कलर फ़ॉर्मेट्स के बीच रूपांतरण करें।

विज़ुअल पिकर

तात्कालिक पूर्वावलोकन और रूपांतरण के साथ दृश्य रूप से रंग चुनने के लिए नेटिव कलर पिकर का उपयोग करें।

लाइव पूर्वावलोकन

किसी भी फ़ॉर्मेट में मान बदलते समय अपडेट होने वाला रियल-टाइम कलर स्वैच पूर्वावलोकन देखें।

तात्कालिक रूपांतरण

शुद्ध गणित के साथ कलर फ़ॉर्मेट्स के बीच तुरंत रूपांतरण — कोई सर्वर राउंड-ट्रिप नहीं, पूरी तरह से निजी।

फ़ॉर्मेट्स कॉपी करें

CSS या डिज़ाइन टूल में उपयोग के लिए किसी भी फ़ॉर्मेट मान को सीधे अपने क्लिपबोर्ड पर कॉपी करने के लिए क्लिक करें।

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

अपने रंग फ़ॉर्मेटर को पेशेवर की तरह प्रोसेस करने के सरल चरण

1

रंग दर्ज करें या चुनें

HEX, RGB या HSL मान टाइप करें, या दृश्य रूप से चुनने के लिए कलर पिकर का उपयोग करें।

2

स्वतः रूपांतरण

टाइप या चुनने पर सभी रंग फ़ॉर्मेट्स तुरंत बदल जाते हैं और प्रदर्शित होते हैं।

3

रंग पूर्वावलोकन

अपने चयन की पुष्टि करने के लिए लाइव कलर स्वैच पूर्वावलोकन देखें।

4

फ़ॉर्मेट कॉपी करें

किसी भी फ़ॉर्मेट मान को एक क्लिक में अपने क्लिपबोर्ड पर कॉपी करें।

पेशेवर रंग फ़ॉर्मेटर फ़ॉर्मेटर और सत्यापक

रंग फ़ॉर्मेटर प्रोसेसिंग पूरी तरह आपके ब्राउज़र में चलती है — कोई अपलोड नहीं, कोई खाता नहीं, कोई सीमा नहीं।

विशेषज्ञों द्वारा बनाया गया

रंग फ़ॉर्मेटर फ़ॉर्मेटिंग इंजन स्थापित पार्सर और मानक एल्गोरिद्म का उपयोग करके आपके ब्राउज़र में लोकल रूप से चलता है। कुछ भी छिपा नहीं है — अपने ब्राउज़र के dev tools खोलें और इसे काम करते देखें।

प्रमुख तकनीकी विशेषताएं:

  • • CSS कलर मॉड्यूल लेवल 4 अनुरूप रूपांतरण
  • • नेटिव ब्राउज़र कलर पिकर एकीकरण
  • • HEX, RGB, HSL और HSV कलर स्पेस का समर्थन
  • • अधिकतम सुरक्षा और गति के लिए क्लाइंट-साइड प्रोसेसिंग
  • • लाइव कलर स्वैच के साथ रियल-टाइम पूर्वावलोकन

विश्वसनीय और सुरक्षित

आपका डेटा आपके ब्राउज़र में ही रहता है: कुछ भी अपलोड, संग्रहित या लॉग नहीं किया जाता। टैब बंद करें और सब समाप्त।

सुरक्षा और गोपनीयता:

  • • 100% क्लाइंट-साइड प्रोसेसिंग - डेटा कभी सर्वर पर नहीं भेजा जाता
  • • कोई ट्रैकिंग, कुकीज़ या डेटा संग्रह नहीं
  • • सुरक्षित कनेक्शन के लिए HTTPS एन्क्रिप्शन
  • • प्रोसेसिंग के बाद कोई डेटा संग्रहीत या कैश्ड नहीं
  • • GDPR और CCPA अनुरूप दृष्टिकोण

पेशेवर EZ Formatter क्यों चुनते हैं

100%
क्लाइंट-साइड प्रोसेसिंग
0
सर्वर को भेजा गया डेटा
60
वर्कबेंच में टूल्स

आपका डेटा आपके ब्राउज़र में ही रहता है

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

Color Formatter फ़ॉर्मेटिंग के बारे में सामान्य प्रश्नों के उत्तर

हाँ, हमारा कलर फ़ॉर्मेटर पूरी तरह से निःशुल्क है, कोई पंजीकरण आवश्यक नहीं। सभी प्रोसेसिंग आपके ब्राउज़र में होती है।

हम HEX (#FF6600), RGB (rgb(255,102,0)), HSL (hsl(24,100%,50%)) और HSV रूपांतरणों का अल्फा चैनल समर्थन के साथ समर्थन करते हैं।

हाँ। कलर स्वैच पर क्लिक करें नेटिव कलर पिकर खोलने के लिए और किसी भी रंग को दृश्य रूप से चुनें। सभी फ़ॉर्मेट तुरंत अपडेट होते हैं।

हाँ। आप RGBA और HSLA फ़ॉर्मेट्स में अल्फा मान शामिल कर सकते हैं, जिनका मान 0 (पारदर्शी) से 1 (अपारदर्शी) तक होता है।

बस HEX मान (#FF6600) इनपुट फ़ील्ड में पेस्ट करें। टूल तुरंत RGB, HSL और HSV समतुल्य दिखाएगा।

HEX (#rrggbb, #rgb, #rrggbbaa), RGB/A (0-255 और प्रतिशत रूप), HSL/A (CSS Color 4 के अनुसार), साथ ही कुछ लेगेसी नोटेशन (rgb() कॉमा सिंटैक्स) और नामित CSS रंग (CSS स्पेक में दिए 148 नाम)। जहाँ लक्ष्य फ़ॉर्मेट रंग को दर्शा सकता है वहाँ रूपांतरण सटीक होता है; HEX↔RGB लॉसलेस है, जबकि HSL रेंडर करते समय निकटतम पूर्णांक घटकों तक राउंड करता है।

HSL सहज है लेकिन धारणात्मक लाइटनेस को विकृत करता है (L=50% पर पीला रंग L=50% पर नीले की तुलना में काफ़ी अधिक चमकीला दिखता है)। HWB (hue-white-black, CSS Color 4) टिंट/शेड मिक्सिंग को सरल बनाता है। OKLCH (CSS Color 4, OKLab रंग स्पेस से) धारणात्मक रूप से समरूप है - आधुनिक डिज़ाइन सिस्टम इसी फ़ॉर्मेट को अपनाते हैं क्योंकि L चैनल के समान चरण समान रूप से चमकीले दिखते हैं; कनवर्टर तीनों आउटपुट करता है।

अल्फ़ा सभी नोटेशन में बदला जाता है (#rrggbbaa, rgba(), hsla(), oklch(... / 0.5))। Display-P3 और अन्य वाइड-गैमट रंग गैमट-क्लिपिंग सूचना के साथ अपने निकटतम sRGB समकक्ष में मैप होते हैं - sRGB उन्हें दर्शा नहीं सकता, और टूल यह दिखावा करने के बजाय कि राउंड-ट्रिप लॉसलेस रहा, इसे साफ़ बता देता है।

{-- * External Resources Component(#19 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}

संबंधित टूल्स