HEX / RGB / HSL कन्वर्टर

ब्राउज़र में चलता है यूटिलिटीज़

तीन समन्वित इनपुट — HEX, RGB या HSL में बदलाव करें और बाक़ी तुरंत अपडेट हो जाते हैं, swatch प्रीव्यू और कॉपी करने योग्य CSS मानों के साथ।

गोपनीयता: यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपका इनपुट कभी आपके डिवाइस से बाहर नहीं जाता।

hex, RGB और HSL रंगों में क्या अंतर है?

ये sRGB रंगों के तीन नोटेशन हैं: #1e90ff लाल, हरे और नीले चैनल को दो-दो हेक्स अंकों में लिखता है; rgb(30 144 255) उन्हें 0 से 255 के दशमलव में; hsl(210 100% 56%) 360° चक्र पर ह्यू, उसकी सैचुरेशन और लाइटनेस बताता है, जिससे "उसी नीले का हल्का शेड" एक नंबर का बदलाव बन जाता है। CSS Color Level 4 तीनों को अल्फ़ा सहित परिभाषित करता है और उसके रूपांतरण सूत्र सटीक हैं, पर HSL आमतौर पर गोल की गई संख्याओं में लिखा जाता है: hsl(210 100% 56%) असल में #1f8fff है, ठीक #1e90ff नहीं, जिसका सटीक HSL लगभग hsl(209.6 100% 55.9%) है।

HEX / RGB / HSL कन्वर्टर कैसे इस्तेमाल करें

  1. HEX, RGB या HSL में कोई मान टाइप या पेस्ट करें — बाक़ी दो साथ-साथ अपडेट होते हैं।
  2. slider या picker से बारीकी से समायोजित करें।
  3. अपनी ज़रूरत का फ़ॉर्मैट कॉपी करें।

HEX / RGB / HSL कन्वर्टर की खूबियाँ

  • तीन समन्वित इनपुट — HEX, RGB और HSL — साथ में नेटिव कलर picker
  • R, G, B, hue, saturation, lightness और alpha के लिए slider
  • alpha checkerboard और कंट्रास्ट-अवेयर लेबल के साथ लाइव swatch
  • HEX, RGB और HSL स्ट्रिंग के लिए कॉपी बटन
  • सफ़ेद और काले पर कंट्रास्ट अनुपात
  • पुराने और आधुनिक, दोनों CSS सिंटैक्स स्वीकार करता है

HEX / RGB / HSL कन्वर्टर का उदाहरण

RGB से HEX और HSL

इनपुट:

rgb(255, 99, 71)

आउटपुट:

#ff6347 · hsl(9, 100%, 64%)

HEX / RGB / HSL कन्वर्टर के बारे में अक्सर पूछे जाने वाले सवाल

तीनों इनपुट एक-दूसरे से तालमेल कैसे रखते हैं?

HEX, RGB या HSL में बदलाव करें (या slider चलाएँ / picker इस्तेमाल करें) और बाक़ी रूप तुरंत दोबारा गिन लिए जाते हैं। अमान्य टेक्स्ट पर बाक़ी फ़ील्ड ख़ाली किए बिना एरर दिखता है।

क्या alpha समर्थित है?

हाँ। 8 अंकों वाला hex, rgba() और hsla() मान alpha चैनल तय करते हैं; swatch उसे checkerboard पर दिखाता है।

मेरा HSL राउंड-ट्रिप थोड़ा अलग HEX क्यों देता है?

HSL मान पढ़ने की सुविधा के लिए पूर्ण संख्याओं में गोल किए जाते हैं, इसलिए गोल किए गए HSL को वापस बदलने पर कोई चैनल कुछ स्टेप खिसक सकता है: आमतौर पर एक या दो, और कुछ अत्यधिक संतृप्त रंगों में लगभग पाँच तक। आंतरिक मान पूरी परिशुद्धता रखता है।

आधुनिक rgb(r g b / a) सिंटैक्स क्या है?

CSS Color Level 4 स्पेस से अलग किए चैनल और वैकल्पिक slash-alpha की अनुमति देता है। पुराना कॉमा सिंटैक्स और आधुनिक, दोनों स्वीकार किए और सुझाए जाते हैं।

संदर्भ

  • CSS Color Module Level 4W3Cब्राउज़र जिन कलर सिंटैक्स को स्वीकार करते हैं — hex, rgb(), hsl(), hwb(), lab() आदि — और वे आपस में कैसे बदलते हैं।