डिज़ाइन और रंग
पिकर, पैलेट, ग्रेडिएंट और कंट्रास्ट चेकर।
कलर पिकर और कन्वर्टर
एक रंग चुनें और उसे HEX, RGB, HSL और OKLCH में बदलें।
नया कलर कंट्रास्ट चेकर
टेक्स्ट और बैकग्राउंड रंगों के बीच WCAG AA/AAA कंट्रास्ट अनुपात जाँचें।
नया CSS ग्रेडिएंट जेनरेटर
लाइव प्रीव्यू के साथ linear, radial और conic CSS ग्रेडिएंट बनाएँ।
नया CSS Box-Shadow जेनरेटर
प्रीसेट और लाइव प्रीव्यू के साथ मल्टी-लेयर CSS box-shadow बनाएँ। CSS, value या React style तुरंत कॉपी करें।
नया कलर पैलेट जेनरेटर
complementary, analogous, triadic और monochromatic पैलेट बनाएँ।
नया Cubic Bezier जेनरेटर
कंट्रोल पॉइंट खींचकर CSS easing curve डिज़ाइन करें — लाइव प्रीव्यू के साथ।
नया Border Radius जेनरेटर
CSS गोल कोने और ऑर्गैनिक blob आकार दृश्य रूप से बनाएँ।
नया CSS Flexbox प्लेग्राउंड
लाइव प्रीव्यू के साथ flex properties एडजस्ट करें और CSS कॉपी करें।
नया CSS Grid प्लेग्राउंड
लाइव प्रीव्यू और CSS के साथ grid columns, gap और alignment एडजस्ट करें।
नया Glassmorphism जेनरेटर
frosted-glass कार्ड डिज़ाइन करें और CSS कॉपी करें — लाइव प्रीव्यू के साथ।
नया CSS Text-Shadow जेनरेटर
लाइव प्रीव्यू के साथ CSS text shadow ट्यून करें और कोड कॉपी करें।
नया कलर मिक्सर
दो रंगों को किसी भी अनुपात में मिलाएँ और परिणाम या कोई भी चरण कॉपी करें।
नया इमेज कलर पिकर
इमेज से कोई भी रंग चुनें और उसका प्रमुख पैलेट HEX, RGB और HSL में निकालें।
नया Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
नया Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.