Skip to content
Zoyku

कलर कन्वर्टर

रंग हेक्स, rgb() या hsl() में पेस्ट करें और तीनों फ़ॉर्मैट साथ में आपके डिज़ाइन सिस्टम के लिए तैयार टिंट-शेड की रो पाएँ।

Color (hex, rgb() or hsl())
#0071e3
rgb(0, 113, 227)
hsl(210, 100%, 45%)
Tints & shades

The swatch row mixes the color with white (left) and black (right) at 20/40/60/80% — handy for hover states and dark-mode variants.

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

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

  1. 1रंग तीन फ़ॉर्मैट में से किसी में पेस्ट करें — हेक्स, rgb() या hsl()।
  2. 2बदली वैल्यू पढ़ें और जो चाहिए वह कॉपी करें।
  3. 3नीचे स्वैच-रो से टिंट और शेड उठा लें।

कलर कन्वर्टर

#0071e3, rgb(0, 113, 227) या hsl(211, 100%, 45%) डालें — पार्सर फ़ॉर्मैट अपने-आप पहचानता है और हेक्स, RGB और HSL एक साथ देता है, हर एक एक-क्लिक कॉपी के साथ।

वैल्यू के नीचे टिंट-एंड-शेड की रो आपका रंग सफ़ेद और काले से 20/40/60/80% क़दमों पर मिलाती है: झटपट होवर-स्टेट, बॉर्डर और डार्क-मोड वर्ज़न, बिना डिज़ाइन टूल खोले।

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

HSL को RGB में कैसे बदलते हैं?

स्टैंडर्ड Cylindrical–RGB मैपिंग से: क्रोमैटिसिटी c = (1 − |2L − 1|) × S, ह्यू-सेक्टर से तय होता बीच-मूल्य x, फिर हर चैनल को m = L − c/2 से ऑफ़सेट। गणित किताबी फ़ॉर्मूले ही हैं, इसलिए नतीजे डिज़ाइन टूल से मेल खाते हैं।

मेरा कलर-कोड अमान्य क्यों दिखता है?

मान्य रूप हैं #RGB / #RRGGBB, rgb(r, g, b) और hsl(h, s%, l%)। चैनल सीमा में होने चाहिए (RGB के लिए 0–255, ह्यू के लिए 0–360, बाक़ी के लिए 0–100%) और हर हिस्सा कॉमा या स्पेस से अलग होना चाहिए।

टिंट और शेड किस काम आते हैं?

टिंट (सफ़ेद से मिले) होवर-बैकग्राउंड, बैज और कार्ड बनाते हैं; शेड (काले से मिले) दबे-हुए स्टेट, बॉर्डर और डार्क-मोड सतहें। दोनों एक ही ब्रांड-रंग से निकालने पर हर UI स्टेट दिखने में एक-संगत रहता है।

मिलते-जुलते टूल

सभी यूटिलिटी टूल →

यह टूल एम्बेड करें

एक लाइन में यह टूल अपनी साइट पर लगाएँ — यह विज़िटर के ब्राउज़र में चलता है।

<iframe src="https://zoyku.com/hi/tools/color-converter?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-converter" loading="lazy"></iframe>
100% local processing