कलर पिकर और पैलेट जेनरेटर

किसी भी रंग को एक साथ हर नोटेशन में पढ़ें, उसके चारों ओर संतुलित पैलेट बनाएँ और पूरा सेट अपने प्रोजेक्ट के फ़ॉर्मैट में कॉपी करें।

कलर पिकर और पैलेट जेनरेटर

Click the color swatch or enter a value in any format — all other fields update instantly.

#6366F1
°
%
%
HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)
HSVhsv(239, 59%, 95%)
CSS--color-primary: #6366F1;
SHADES

🔒 All color processing happens 100% in your browser — no data is sent anywhere.

यह टूल क्यों इस्तेमाल करें

रंग सिद्धांत पर बने पैलेट

संतुलित रंग योजनाएँ कलर व्हील पर तय संबंधों से बनती हैं। पूरक जोड़े आमने-सामने होते हैं और अधिकतम कंट्रास्ट देते हैं; समरूप सेट पास-पास होते हैं और शांत लगते हैं; त्रिकोणीय सेट बराबर दूरी पर होते हैं और संतुलन बनाए रखते हुए चटख रहते हैं।

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

HEX कोड का क्या मतलब है?

यह लाल, हरे और नीले के लिए हेक्साडेसिमल अंकों के तीन जोड़े हैं, हर एक 00 से FF तक। #FF0000 पूरा लाल है, जिसमें हरा या नीला बिल्कुल नहीं।

HEX की जगह HSL कब इस्तेमाल करें?

HSL रंग, संतृप्ति और चमक को अलग रखता है, इसलिए हल्के या गहरे शेड की श्रृंखला बनाना एक संख्या बदलने भर की बात हो जाती है, नए हेक्स मान अंदाज़ने की नहीं।

क्या एक्सपोर्ट किए पैलेट सुगम्य होते हैं?

जेनरेटर कंट्रास्ट अनुपात दिखाता है, ताकि आप इस्तेमाल से पहले किसी भी जोड़े को सामान्य टेक्स्ट के लिए WCAG AA की 4.5:1 सीमा पर जाँच सकें।

और गाइड तथा कन्वर्टर अंग्रेज़ी में उपलब्ध हैं →