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

बेस रंग देते ही यह कलर व्हील पर ह्यू घुमाकर छह पैलेट बनाता है। रंग दबाकर HEX कॉपी करें, या पूरे सेट को CSS वेरिएबल के रूप में कॉपी करें।

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

  1. HEX, rgb(), hsl() या पिकर से बेस रंग तय करें।
  2. छह पैलेट देखें — पूरक, समान, त्रिकोणीय और बाक़ी।
  3. रंग दबाकर HEX कॉपी करें, या सेट को CSS वेरिएबल में कॉपी करें।

पैलेट HSL में सिर्फ़ ह्यू घुमाते हैं और आपके रंग की संतृप्ति व चमक वैसी ही रखते हैं, इसलिए पेस्टल डालने पर पेस्टल और गाढ़ा डालने पर गाढ़े पैलेट मिलते हैं।

हर रंग पर दिखा अंक उस पर दिखाए टेक्स्ट रंग के साथ WCAG कंट्रास्ट अनुपात है। मुख्य टेक्स्ट के लिए 4.5:1 और बड़े शीर्षक के लिए 3:1 चाहिए।

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

पूरक रंग कैसे तय होता है?

कलर व्हील पर 180° सामने वाला रंग। कंट्रास्ट सबसे तेज़ होता है, इसलिए ज़ोर देने में अच्छा पर बड़ी जगह पर आँखें थकाता है — कुल क्षेत्र का 10-20% ठीक रहता है।

कौन-सा पैलेट चुनें?

बैकग्राउंड और कार्ड के लिए समान या एकवर्णी सुरक्षित है। बटन, बैज, अलर्ट जैसी उभरने वाली चीज़ों के लिए पूरक या विभाजित पूरक।

CSS कॉपी में क्या मिलता है?

सेट के नाम वाली कस्टम प्रॉपर्टी की सूची, जैसे `--triadic-1: #3366CC;` — सीधे `:root` में चिपकाएँ।

मेरा रंग कहीं भेजा जाता है?

नहीं। हर रूपांतरण और पैलेट ब्राउज़र में ही बनता है।

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