कलर स्कीम जनरेटर

एक बेस रंग चुनें और पूरा पैलेट प्राप्त करें, पूरक, समानुरूप, त्रिभुजीय, चतुर्भुजीय या मोनोक्रोमेटिक। किसी भी स्वॉच को HEX, RGB या HSL के रूप में कॉपी करें। कुछ भी आपके ब्राउज़र से नहीं जाता।

कलर स्कीम जनरेटर कैसे काम करता है

Color Scheme Generator आपके चुने एक बेस रंग से पूरे कलर पैलेट बनाता है: कॉम्प्लिमेंट्री (ह्यू व्हील पर सामने), एनालॉगस (आस-पास के ह्यू), ट्रायडिक (तीन समान दूरी पर), टेट्राडिक (दो कॉम्प्लिमेंट्री जोड़ियों में चार ह्यू) और मोनोक्रोमैटिक (एक ही ह्यू की अलग-अलग लाइटनेस और सैचुरेशन)। सारा पैलेट लॉजिक ब्राउज़र में चलता है; आपका दर्ज किया कुछ भी आपके डिवाइस से नहीं जाता।

हर जनरेट किया गया पैलेट कॉपी करने योग्य HEX और RGB वैल्यू वाले स्वैच के साथ दिखता है। इससे डिज़ाइनरों को अंदाज़े की बजाय कलर थ्योरी पर आधारित शुरुआती बिंदु मिलता है। पहली बार पेज लोड होने के बाद जनरेटर ऑफ़लाइन भी काम करता है, इसलिए आप बिना नेटवर्क कनेक्शन के भी क्लाइंट मीटिंग में ब्रांड रंगों के साथ स्वतंत्र रूप से प्रयोग कर सकते हैं। अपना बेस रंग जिस भी नोटेशन में आपके पास हो उसमें दर्ज करें, HEX, RGB या HSL, और हर जनरेट किया गया स्वैच तीनों में वापस मिलता है ताकि आप वह कॉपी कर सकें जो आपका डिज़ाइन टूल चाहता है।

लिखा है Bastien Sulyan

कलर स्कीम जनरेटर: चरण दर चरण उपयोग विधि

Color picker का उपयोग करके या HEX value टाइप करके base color चुनें।
Tabs से harmony type चुनें: complementary, analogous, triadic, tetradic या monochromatic।
Palette swatches HEX और RGB values के साथ तुरंत दिखाई देते हैं।
किसी भी swatch का HEX value clipboard पर कॉपी करने के लिए उस पर क्लिक करें।
वेरिएशन देखने और पूरा पैलेट अपडेट होते देखने के लिए बेस रंग समायोजित करें।

सामान्य उपयोग के मामले

नई brand identity शुरू करने वाला designer primary color चुनता है और client को three-color combinations प्रस्तावित करने के लिए triadic palette बनाता है।
Dark-mode theme बना रहा developer एकल brand color से tints और shades की range बनाने के लिए monochromatic palette उपयोग करता है।
एक content creator ऐसे presentation के लिए accent colors चुनने के लिए analogous palette चुनता है जो harsh contrast के बिना cohesive लगें।
एक UI designer primary brand color के विरुद्ध खड़ा होने वाला high-contrast accent color पहचानने के लिए complementary palette उपयोग करता है।

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

Complementary palette कैसे काम करता है?

Complementary color वह hue है जो HSL color wheel पर base color के ठीक सामने है, 180 डिग्री दूर। Complementary colors एक दूसरे के बगल में रखने से maximum contrast बनता है। टूल base color और उसका complement दिखाता है, साथ में प्रत्येक के lighter और darker variants।

Triadic और tetradic palettes में क्या अंतर है?

Triadic palette color wheel पर 120 डिग्री अलग समान दूरी पर तीन hues उपयोग करता है। Tetradic palette 90 डिग्री अलग चार hues उपयोग करता है, जो दो complementary pairs (double complementary या square palette भी कहा जाता है) बनाता है। Tetradic palettes अधिक complex हैं और visual noise से बचने के लिए proportions का सावधान balance चाहिए।

क्या मेरे चुने colors कहीं store या भेजे जाते हैं?

नहीं। पैलेट जनरेशन बेस रंग के HSL रिप्रेजेंटेशन पर की गई अरिथमेटिक है: ह्यू एंगल को तय मात्रा से घुमाना, लाइटनेस और सैचुरेशन को खिसकाना। हर गणना ब्राउज़र में लोकली चलती है; कुछ भी किसी सर्वर को नहीं भेजा जाता।

क्या मैं पैलेट को CSS फ़ाइल या डिज़ाइन टोकन फ़ाइल के रूप में एक्सपोर्ट कर सकता हूँ?

टूल अभी कॉपी करने योग्य HEX और RGB वैल्यू वाले स्वैच दिखाता है। पूरी CSS कस्टम प्रॉपर्टी एक्सपोर्ट या डिज़ाइन टोकन JSON के लिए, वैल्यू को मैन्युअली अपने प्रोजेक्ट की टोकन फ़ाइल या CSS में कॉपी करें। आने वाले किसी अपडेट में एक अलग एक्सपोर्ट बटन जोड़ा जा सकता है।

क्या यह generator किसी formal color theory standard का पालन करता है?

Palette calculations HSL color space में standard hue-rotation formulas उपयोग करती हैं, जो अधिकांश web design tools में convention है। HSL की perceptual uniformity की LAB या OKLCH की तुलना में सीमाएं हैं, लेकिन HSL rotations ऐसे palettes उत्पन्न करती हैं जो designers द्वारा सामान्यतः अपेक्षित color wheel conventions से मेल खाती हैं।