रंग पैलेट जनरेटर
Color Palette Generator किसी भी base color से color theory की harmonies — complementary, triadic, analogous, split-complementary, tetradic या monochromatic — के आधार पर 5 रंगों का palette बनाता है और उसे CSS custom properties के रूप में export करता है।
इस टूल के बारे में
Color Palette Generator किसी भी base color से color theory की harmonies — complementary, triadic, analogous, split-complementary, tetradic या monochromatic — के आधार पर 5 रंगों का palette बनाता है और उसे CSS custom properties के रूप में export करता है।
इस्तेमाल कैसे करें
- color picker से एक base color चुनें।
- complementary या triadic जैसा कोई harmony type चुनें।
- बने हुए पाँच swatches देखें।
- palette को अपनी stylesheet में पेस्ट करने के लिए Copy as CSS Variables पर क्लिक करें।
जानने योग्य बातें
- complementary रंग color wheel पर 180° की दूरी पर होते हैं; triadic रंग 120° की दूरी पर होते हैं।
- analogous palettes पास-पास के hues (लगभग 30° की दूरी) इस्तेमाल करते हैं और शांत व एकरूप लगते हैं।
- split-complementary एक base hue को उसके complement के दोनों तरफ़ के दो hues (±30°) के साथ जोड़ता है, जिससे कम तनाव के साथ contrast मिलता है।
- monochromatic palettes एक ही hue रखते हैं और सिर्फ़ saturation और lightness बदलते हैं।
- generator HSL में काम करता है, जो रंग की lightness बदले बिना hue घुमाता है।
पूरी तरह आपके ब्राउज़र में चलता है — आप जो भी डालते हैं, वह न अपलोड होता है न सेव।
अक्सर पूछे जाने वाले सवाल
complementary color palette क्या है?
complementary palette किसी hue को color wheel पर ठीक उसके सामने वाले hue (180° दूर) के साथ जोड़ता है, जैसे नीला और नारंगी। यह किसी भी harmony में सबसे तेज़ contrast देता है।
वेबसाइट palette में कितने रंग होने चाहिए?
ज़्यादातर इंटरफ़ेस एक primary रंग, एक या दो accents और कुछ neutrals इस्तेमाल करते हैं। पाँच रंगों की harmony एक अच्छी शुरुआत है, जिसे आप tints और shades से घटा या बढ़ा सकते हैं।
triadic और tetradic में क्या फ़र्क है?
triadic में 120° की बराबर दूरी वाले तीन hues होते हैं। tetradic में 90° की दूरी वाले चार hues होते हैं, जो wheel पर एक square बनाते हैं; यह ज़्यादा समृद्ध है लेकिन संतुलित करना मुश्किल है।
क्या मैं palette को CSS या Tailwind में इस्तेमाल कर सकता हूँ?
हाँ। palette को CSS custom properties के रूप में कॉपी करें और var() से इस्तेमाल करें, या hex values को अपने Tailwind theme colors में पेस्ट करें।