एक रंग कोड पेस्ट करें और HEX, RGB, HSL, HSV और HCV प्राप्त करें, साथ ही यह भी जानें कि क्या यह टेक्स्ट के रूप में पढ़ने योग्य है।
WCAG 2 बॉडी टेक्स्ट के लिए AA मानक 4.5:1 और AAA के लिए 7:1 तय करता है; बड़ा टेक्स्ट (18pt या बोल्ड 14pt) 3:1 पर AA पास करता है। (WCAG, W3C का वेब एक्सेसिबिलिटी गाइडलाइन है।) नीला #2457E6 सफ़ेद पर लगभग 5.9:1 है, जो बॉडी टेक्स्ट के लिए ठीक है, लेकिन काले पर 3.6:1 है, जो केवल बड़े टेक्स्ट के लिए उपयुक्त है।
HSL ह्यू, सैचुरेशन और लाइटनेस को अलग करता है, इसलिए किसी रंग को हल्का या गहरा करने के लिए केवल L बदलना होता है। नीचे दिया गया लाइटनेस स्केल यही करता है; इसे लोड करने के लिए किसी भी स्टेप पर क्लिक करें।
HSV (Photoshop और Figma में HSB कहा जाता है) ह्यू, सैचुरेशन और वैल्यू है; यह ज़्यादातर कलर पिकर्स में चौकोर हिस्सा होता है। V सबसे ब्राइट चैनल है, और S यह बताता है कि रंग उसमें कितना गहरा है। HCV सैचुरेशन की जगह क्रोमा (C) का उपयोग करता है, जो सबसे ब्राइट और सबसे डार्क चैनल के बीच का अंतर है। #2457E6 hsv(224, 84%, 90%) और hcv(224, 76%, 90%) है। दोनों में से कोई भी मान्य CSS नहीं है, इसलिए वेब कोड में HEX, RGB या HSL का उपयोग करें।
#RGB, #RRGGBB, #RRGGBBAA, rgb()/rgba(), hsl()/hsla(), hsv()/hsb()/hcv(), '36, 87, 230' जैसे सामान्य नंबर ट्रिपल्स, और लगभग पचास सामान्य CSS कलर नाम।
नहीं। कन्वर्शन और कंट्रास्ट की गणना सीधे आपके ब्राउज़र में होती है।
#RRGGBBAA और rgba() HEX और RGB आउटपुट में दिखाई देते हैं। कंट्रास्ट अल्फा को अनदेखा करता है और रंग को अपारदर्शी मानता है।
प्रिंट CMYK कलर प्रोफाइल पर निर्भर करता है, इसलिए यह यहाँ शामिल नहीं है।
यह HEX (अल्फा सहित), rgb(), hsl(), सामान्य नंबर ट्रिपल्स, और लगभग 50 मानक CSS कलर नामों के बीच कन्वर्ट करता है।
हाँ, यह WCAG AA (4.5), AAA (7) और बड़े टेक्स्ट (3) मानकों के अनुपालन की जांच के लिए सफ़ेद, काले और कस्टम बैकग्राउंड के मुकाबले कंट्रास्ट रेश्यो की गणना करता है।
हाँ, यह चुने गए ह्यू के लिए 9-स्टेप लाइटनेस स्केल दिखाता है, और किसी भी शेड पर क्लिक करने से तुरंत उसकी वैल्यू लोड हो जाती है।
हाँ, कोड वैल्यू टाइप करने के अलावा आप इन-बिल्ट कलर पिकर इंटरफ़ेस का उपयोग करके रंगों को देखकर चुन सकते हैं।