Utilore

रंग कन्वर्टर

किसी भी सामान्य लेखन में रंग लिखिए — #1f5fd6, 1f5fd6, #1f5, rgb(31, 95, 214) — बाक़ी सभी रूप एक साथ दिख जाएँगे, साथ में वे कंट्रास्ट आँकड़े भी जिनके बिना टेक्स्ट पढ़ा नहीं जाता।

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

कंट्रास्ट:

कैसे इस्तेमाल करें

  1. रंग लिखें या चिपकाएँ, या पिकर से चुनें।
  2. HEX, RGB और HSL को साथ-साथ देखें।
  3. अपनी फ़ाइल के लिए ज़रूरी लेखन कॉपी करें।

जानने योग्य बातें

एक ही रंग के तीन लेखन

HEX छोटा है और CSS में सर्वत्र चलता है। RGB चैनलों को सीधे नाम देता है, जो तब मायने रखता है जब मान हाथ से लिखा नहीं, गणना से निकला हो। HSL रंगत, संतृप्ति और चमक बताता है — जब वही रंग एक शेड हल्का चाहिए तो यही रूप काम का है, क्योंकि तीन संख्याएँ अनुमान से बदलने के बजाय आप एक बदलते हैं।

कंट्रास्ट सजावट नहीं है

WCAG के अनुसार सामान्य टेक्स्ट का पृष्ठभूमि से अनुपात कम से कम 4.5:1 और बड़े टेक्स्ट का 3:1 होना चाहिए। यहाँ दिखने वाले दो आँकड़े तुरंत बता देते हैं कि यह रंग सफ़ेद अक्षर सँभाल सकता है, काले, या दोनों में से कोई नहीं — डिज़ाइन के डेवलपर तक पहुँचने से पहले ही।

स्रोत

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

कौन-कौन से प्रारूप स्वीकार हैं?

तीन, चार, छह और आठ अंकों वाला HEX (हैश के साथ या बिना), तथा कॉमा या स्पेस से लिखा rgb() और rgba()। अल्फ़ा बना रहता है और HEX मान में दिखता है।

HSL कभी-कभी थोड़ा अलग रंग क्यों दिखाता है?

पढ़ने में आसानी के लिए HSL मान पूर्णांक में गोल किए जाते हैं, इसलिए वापसी में कोई चैनल एक इकाई खिसक सकता है। HEX और RGB मान सटीक रहते हैं।

क्या कुछ सर्वर पर जाता है?

नहीं। सारी गणना पेज पर होती है — बिना जारी हुए ब्रांड के रंग आपके ही कंप्यूटर पर रहते हैं।

संबंधित टूल