HEX / RGB / HSL कन्वर्टर कैसे इस्तेमाल करें
- HEX, RGB या HSL में कोई मान टाइप या पेस्ट करें — बाक़ी दो साथ-साथ अपडेट होते हैं।
- slider या picker से बारीकी से समायोजित करें।
- अपनी ज़रूरत का फ़ॉर्मैट कॉपी करें।
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 मान पढ़ने की सुविधा के लिए पूर्ण संख्याओं में गोल किए जाते हैं, इसलिए वापस बदलने पर किसी चैनल में एक का फ़र्क़ आ सकता है। आंतरिक मान पूरी परिशुद्धता रखता है।
आधुनिक rgb(r g b / a) सिंटैक्स क्या है?
CSS Color Level 4 स्पेस से अलग किए चैनल और वैकल्पिक slash-alpha की अनुमति देता है। पुराना कॉमा सिंटैक्स और आधुनिक, दोनों स्वीकार किए और सुझाए जाते हैं।