मुफ़्त रंग पैलेट जेनरेटर

यह कैसे काम करता है

टूल शून्य बाहरी लाइब्रेरी के साथ बनाया गया है — सारा कलर मैथ सीधे आपके ब्राउज़र में हाथ से लिखे JavaScript में चलता है। यह आपके चुने रंग को हेक्स और HSL के बीच बदलता है, फिर हर पैलेट बनाने के लिए ह्यू व्हील पर अंकगणित के ज़रिए क्लासिक कलर थ्योरी हार्मनी नियम (complementary, triadic, analogous, आदि) लागू करता है।

1. 1
   हेक्स-से-HSL कन्वर्ज़न

   जब आप एक रंग चुनते हैं, टूल हेक्स स्ट्रिंग को RGB कंपोनेंट में पार्स करता है और उन्हें HSL (ह्यू, सैचुरेशन, लाइटनेस) में बदलता है। ह्यू कलर व्हील पर 0–360 डिग्री पोज़िशन है; सारा पैलेट मैथ इस स्पेस में होता है।
2. 2
   हार्मनी के लिए ह्यू अंकगणित

   हर पैलेट टाइप बेस ह्यू पर लागू एक फ़िक्स्ड रोटेशन फ़ॉर्मूला है। Complementary 180° जोड़ता है, triadic 120° और 240° जोड़ता है, tetradic 90° से चलता है, split-complementary 150° और 210° उपयोग करता है। Monochromatic और shades ह्यू और सैचुरेशन को स्थिर रखते हुए लाइटनेस को ऊपर-नीचे करते हैं।
3. 3
   HSL-से-हेक्स आउटपुट

   हर गणना की गई HSL triplet स्टैंडर्ड chroma फ़ॉर्मूले का उपयोग करके वापस एक हेक्स रंग में बदली जाती है। परिणाम एक सिंपल ल्यूमिनेंस थ्रेशोल्ड द्वारा तय ऑटो-कंट्रास्टेड लेबल (हल्की स्वैच पर गहरा टेक्स्ट, गहरी पर हल्का टेक्स्ट) के साथ एक कलर स्ट्रिप के रूप में दिखते हैं।
4. 4
   अपने पसंदीदा फ़ॉर्मेट में एक्सपोर्ट करें

   पैलेट को हेक्स स्ट्रिंग के रूप में कॉपी किया जा सकता है या CSS variables फ़ाइल (:root { --color-1: … }), SCSS variables, एक Tailwind config स्निपेट, एक JSON ऑब्जेक्ट, या एक PNG कलर स्ट्रिप के रूप में एक्सपोर्ट किया जा सकता है। PNG एक्सपोर्ट हर स्वैच को उसके हेक्स लेबल के साथ खींचने के लिए ब्राउज़र के Canvas API (toDataURL) उपयोग करता है — सब कुछ क्लिक पर स्थानीय रूप से जनरेट होता है।

संबंधित टूल