मोफत रंग पॅलेट जनरेटर

हे कसे कार्य करते

हे साधन शून्य बाह्य लायब्ररींसह बनवले आहे — सर्व रंग गणित थेट तुमच्या ब्राउझरमध्ये गराज-लिहिलेल्या JavaScript मध्ये चालते. ते तुमचा निवडलेला रंग hex आणि HSL दरम्यान रूपांतरित करते, नंतर प्रत्येक पॅलेट तयार करण्यासाठी hue wheel वरील अंकगणिताद्वारे क्लासिक रंग सिद्धांत सुसंवाद नियम (complementary, triadic, analogous, इ.) लावते.

1. 1
   Hex-to-HSL रूपांतर

   तुम्ही रंग निवडता तेव्हा, साधन hex स्ट्रिंगला RGB घटकांत पार्स करते आणि त्यांना HSL (hue, saturation, lightness) मध्ये रूपांतरित करते. Hue रंग चाकावरील 0–360 अंश स्थान आहे; पॅलेट गणित हे सर्व या space मध्ये होते.
2. 2
   सुसंवादासाठी Hue अंकगणित

   प्रत्येक पॅलेट प्रकार मूळ hue वर लावलेले निश्चित rotation सूत्र आहे. Complementary 180° जोडते, triadic 120° आणि 240° जोडते, tetradic 90° ने पावले टाकते, split-complementary 150° आणि 210° वापरते. Monochromatic आणि shades lightness वर-खाली नेत असताना hue आणि saturation स्थिर ठेवतात.
3. 3
   HSL-to-hex आउटपुट

   प्रत्येक मोजलेली HSL triplet मानक chroma सूत्र वापरून परत hex रंगात रूपांतरित होते. निकाल auto-contrasted लेबल्ससह (हलक्या swatches वर गडद मजकूर, गडदवर हलका मजकूर) एका साध्या luminance threshold ने ठरलेल्या रंग पट्टी म्हणून दाखवले जातात.
4. 4
   तुमच्या आवडत्या फॉरमॅटमध्ये एक्सपोर्ट करा

   पॅलेट hex स्ट्रिंग्स म्हणून कॉपी करता येते किंवा CSS व्हेरिएबल्स फाइल (:root { --color-1: … }), SCSS व्हेरिएबल्स, Tailwind config स्निपेट, JSON ऑब्जेक्ट, किंवा PNG रंग पट्टी म्हणून एक्सपोर्ट करता येते. PNG एक्सपोर्ट प्रत्येक swatch त्याच्या hex लेबलसह काढण्यासाठी ब्राउझरचे Canvas API (toDataURL) वापरते — सर्वकाही क्लिकवर स्थानिक पातळीवर तयार होते.

संबंधित साधने